Евгений Жданов

Российский мультипортал ProtoPlex

Многие из вас уже сталкивались с тем явлением, когда принаведении курсора мыши на определённую ссылку она изменяет свой цвет или размеры. С этим вы столкнулись и в журнале. Объясню, как это получается. В журнале данная фишка обеспечивается следующим HTML-текстом в начале страницы:

<style type="text/css">
A:link {text-decoration: none;color: #0000ff}
A:visited {text-decoration: none;color: #0000aa}
A:hover {color: #ff0000}
</style>

Данный HTML-фрагмент указывает браузеру как нужно обращаться со стандартнымм объектом класса ССЫЛКА. В теле фрагмента можно заметить три схожие строчки. Это три стиля для отображения ссылок. Первая указывает программе просмотра как отображать простую ещё не посещённую ссылку. Вторая - уже просмотренную ссылку. Третья указывает как отображать ссылку, если на неё наведён "прицел мышки" :-) Изменяя стиль можно добиться разных результатов. Например, можно указать цвет ссылок, их размер и другие характеристики. Свойство TEXT-DECORATION указывает стиль выведения текста ссылки. Он может выводиться подчёркнутым (underline), перечёркнутым или просто так (без изврата). Вообще, можно изменить любое свойство, вплоть до скролл-бара браузера! Правда это подействует лишь в IE 5.5 и выше. Можете посмотреть, как это реализовано на мультипортале, просмотрев его код.