АРМАДА
Как изменить цвет у гиперссылок? (помогите , пожалуйста)
Новая тема Написать ответ Advanced Hosters - профессиональный хостинг

vosined
Свой
Зарегистрирован: 11.01.2008
Сообщений: 40
Обратиться по нику
# Добавлено:Сб Янв 12, 2008 11:33 amДобавить в избранноеОтветить с цитатой
Здравствуйте вебмастеры!
Я работаю с Dreamweaver 8 и никак не могу отключить значение a:visited у гиперссылок. Как сделать, так чтобы посещенная ссылка (visited) не срабатывала. Например, если я побывал на главной странице, я хочу чтобы параметры a:link и a:hover оставались рабочими при отображении гиперссылки "главная" и при наведении на нее, соответственно.
Вот зайдите, пожалуйста, на этот сайт: www.geopatogen.ru ,слева таблица с навигацие, если вы наведете, на какую нибудь гипер ссылку, то сработает "hover", если вы зайдете на одну из страниц и затем снова наведете, на посещенную ссылку, то сработает "visited", так вот я не хочу, чтобы "visited" срабатывал, как его отключить и чтобы hover постоянно работал? Может код CSS какой-нибудь есть? Подскажите пожалуйста. На любой сайт который не заходишь, ссылки не меняются.

С уважением, Алексей.

Жека
V.I.P.
Зарегистрирован: 07.12.2005
Сообщений: 2171
Обратиться по нику
# Добавлено:Сб Янв 12, 2008 11:50 amОтветить с цитатой
в <head></head> добавляете
Цитата:

<STYLE type="text/css">
<!--
A.first:link { color: blue } // тут выбираете цвета
A.first:visited { color: blue }
A.first:active { color: blue }
A.first:hover { color: red }
-->
</style>




в код ссылки добавляете class="first"
пример:

Цитата:

<a href=http://www.rambler.ru/ class="first">Ссылка на рамблер</a>

Подпись

vosined
Свой
Зарегистрирован: 11.01.2008
Сообщений: 40
Обратиться по нику
# Добавлено:Сб Янв 12, 2008 1:51 pmОтветить с цитатой
Большое спасибо, наконец хоть кто-то помог. Однако еще не все разрешил
вот вставил
A.first:link {
color: #FFFFCC;
list-style-type: none;
list-style-position: outside;
font-size: 22px;
font-style: italic;
font-weight: bold;
text-decoration: underline;
}
A.first:hover {
font-style: italic;
color: #ECE9D8;
text-decoration: none;
list-style-type: circle;
font-weight: normal;
}
A.first:visited {
color: #FFFFCC;
font-size: 21px;
text-decoration: underline;
font-style: italic;
font-weight: normal;
}
Те ссылки в которых указал class="first" стал срабатывать hover, а link так и не срабатывает, после визита на страницу. А те ссылки на, на которых вообще не указал class="first", так вообще то белыми или синями выглядят?
Немогли бы вы подсказать, что делает class="first" . В лит-ре нигде не могу про это найти. Спасибо.

irvean
V.I.P.
Зарегистрирован: 08.10.2005
Сообщений: 1896
Обратиться по нику
# Добавлено:Сб Янв 12, 2008 2:33 pmОтветить с цитатой
Цитата:
В лит-ре нигде не могу про это найти. Спасибо.


И не найдёшь, потому как класс может называться как угодно. Всё что придумаешь.

Например чтоб все ссылки завязать на определённый стиль тебе надо сделать так

Код:

a:link {
color: #FFFFCC;
list-style-type: none;
list-style-position: outside;
font-size: 22px;
font-style: italic;
font-weight: bold;
text-decoration: underline;
}
a:hover {
font-style: italic;
color: #ECE9D8;
text-decoration: none;
list-style-type: circle;
font-weight: normal;
}
a:visited {
color: #FFFFCC;
font-size: 21px;
text-decoration: underline;
font-style: italic;
font-weight: normal;
}


Теперь все линки вида
Код:
<a href="">Link</a>

, будут подчиняться этим стилям. Без указания класса.


Для того чтоб выделить определённые ссылки другим стилем, надо создать новый класс в стилях
Код:

a.blahblahblah:link {
color: #FFFFCC;
list-style-type: none;
list-style-position: outside;
font-size: 22px;
font-style: italic;
font-weight: bold;
text-decoration: underline;
}
a.blahblahblah:hover {
font-style: italic;
color: #ECE9D8;
text-decoration: none;
list-style-type: circle;
font-weight: normal;
}
a.blahblahblah:visited {
color: #FFFFCC;
font-size: 21px;
text-decoration: underline;
font-style: italic;
font-weight: normal;
}



Теперь все ссылки вида
Код:
<a href=""  class="blahblahblah">Link</a>

будут выделяться из общей массы стилями которые ты укажешь.

Ну а по большому счёту это даже не первый класс HTML+CSS, это всё есть в онлайн книгах, причём в огромных обьёмах, с тысячами примеров. Всего-то надо открыть и почитать.
o_0
Новая тема Написать ответ    ГЛАВНАЯ ~ ТЕХНИЧЕСКИЕ ВОПРОСЫ

Перейти:  





Генеральный спонсор



Партнеры