|
|
|
|
|
Здравствуйте вебмастеры!
Я работаю с Dreamweaver 8 и никак не могу отключить значение a:visited у гиперссылок. Как сделать, так чтобы посещенная ссылка (visited) не срабатывала. Например, если я побывал на главной странице, я хочу чтобы параметры a:link и a:hover оставались рабочими при отображении гиперссылки "главная" и при наведении на нее, соответственно.
Вот зайдите, пожалуйста, на этот сайт: www.geopatogen.ru ,слева таблица с навигацие, если вы наведете, на какую нибудь гипер ссылку, то сработает "hover", если вы зайдете на одну из страниц и затем снова наведете, на посещенную ссылку, то сработает "visited", так вот я не хочу, чтобы "visited" срабатывал, как его отключить и чтобы hover постоянно работал? Может код CSS какой-нибудь есть? Подскажите пожалуйста. На любой сайт который не заходишь, ссылки не меняются.
С уважением, Алексей. |
|
|
|
|
|
в <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>
|
|
|
|
|
|
|
Большое спасибо, наконец хоть кто-то помог. Однако еще не все разрешил
вот вставил
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" . В лит-ре нигде не могу про это найти. Спасибо. |
|
|
|
|
|
| Цитата: |
| В лит-ре нигде не могу про это найти. Спасибо.
|
И не найдёшь, потому как класс может называться как угодно. Всё что придумаешь.
Например чтоб все ссылки завязать на определённый стиль тебе надо сделать так
| Код: |
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.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, это всё есть в онлайн книгах, причём в огромных обьёмах, с тысячами примеров. Всего-то надо открыть и почитать. |
|
|
|
|
|
|
|
|
