Вторник, 10 Июля 2012 13:25

Задать стили посещенным ссылкам

Written by 
Оцени эту запись
(1 Голос)

Посещенными называются ссылки, на которые пользователь уже переходил. Например, на сайте пожет быть список новостей и какие-то блоки с новостями - последние, рекомендуемые и т.д. Если пользователь из списка новостей уже переходил на одну из них(статей), то ссылка на нее и в других местах сайта будет считаться посещенной.

 

Посещенные ссылки рекомендовать особым образом стилизировать. Это одно из основных правил юзабилити. Пользователь имеет право знать, какие ссылки на вашем сайте он уже посетил, какие статьи уже читал.

 

Итак, для оформления посещенных ссылок на сайте в CSS есть специальный псевдокласс - :visited

 

Синтаксис:

 

a:visited {color: red}

 

Шлавное требование - посещенная ссылка по своему внешнему виду должна отличаться от всех других. Отличие может быть в цвете, жирности или в присутствии/отсутствии подчеркивания.

 

a {color: #f00; text-decoration: underline;}

a:visited {color: #f22; text-decoration: none;}

 

Все ссылки на сайте крассного цвета и с подчеркиванием, а посещенные цвета FF2222 и без подчеркивания.

 

Обратите внимание, что для ссылок, находящихся в главном меню, выделять посещенные не принято.

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов