Способ от CollyLogic (с изображениями)

После того, как я сделал свой сайт - CollyLogic - я был приятно удивлен оживленной реакцией своих посетителей на способ представления просмотренных ссылок в его сайдбаре. В связи с этим отдельно хотелось бы поблагодарить автора оригинального метода. Сейчас я рад представить вам уже третью версию этого решения. Используется всего несколько строчек css и 1 маленькое фоновое изображение.

#sidebar ul {
list-style-type:none;
padding:3px;
}

#sidebar li a {
display:block;
line-height:150%;
width:239px;
background:URL(ticks_grey.gif);
text-decoration:none;
}

#sidebar li a:link, a:active {
color:#666;
}

#sidebar li a:hover {
color:#F33;
background-position: 0 -20px;
}

#sidebar li a:visited {
background-position: 0 -40px;
}

Способ от 456bereastreet (без изображений, но не пашущий самизнаетегде в 6 ie)

Однажды я размышлял над тем, каким образом можно выделять просмотренные пользователем ссылки и захотел воспользоваться способом CollyLogic от Саймона Коллисона (описан выше). Единственное что, я попытался избежать использования изображения.

Начал играть с псевдо-элементом :after и генерируемым контентом. Откопал в Unicode-таблице символ № 2713 (галочка, птичка, или, с позволения сказать, check mark). Вставил его подобающим образом в css:

h2 a:visited:after {
content:"\00A0\2713";
}

… и обрадовался. В Маке все нормуль. Открыл лису под виндой - вопросительный знак Попытался заменить FONT-FAMILY на WingDings - не фига подобного. Поискал, погуглил: набрел на, по сути, похожую проблему у Майка Дэвидсона.

Деметриус: Майк, кста, настоящий шрифт-маньяк, борец за права sIFR и человек, противящийся w3c-стандартам.

Майк нашел решение: использовать символ 221A. Это не закругленная галочка, а квадратный корень Я последовал его примеру, и пока это - то, на чем я остановился. Вот тут таблица, в которой я использую данный трюк.

Так что, тема остается открытой. Позже, ребята, мы еще поговорим про то, как же наконец научить Windows-браузеры отображать нужные нам символы.

Лента времени

• « Times New Roman есть только у 78% юзверей. Итоги шрифтового расследования.
• » Брассай. Забывая рассвет.

В тему

• No related posts

Комментировать