Браузереи посмотрите сами).
Обучающий урок 2: соэдание nанеnи навигации
"" НОМЕ
• IXPI!ItТS
• - 1
'"' FEAТURES , . ,_ F!AТURES _ •• -~
Рмс. 9.16. С помощью несложного СSS-кода можно соэдать интерактивный эффект
Ролловера для кноnок nанели навигации, а также автоматически подсветить раздел
Сайта текущей страницы
Теперь сделаем паиель навигации более информативной, выделив кнопку, соответствующую
Текущему разделу, страницу которого открыл посетитель сайта.
Чтобы сделать это, нам по~буется идентифицировать в НТМL-коде пане·
Ли навигации две вещи: раздел, к которому принадлежит страница, и разделы,
На которые указывает каждая ссылка. В нашем примере предположим, что открыта
Домашняя страница.
ПРИМЕЧАНИЕ-----------------------------------------------Друrим
вариантом будет соэдание стилевого класса, который изменяет внеwний вид ссьапки, nред·
ставляющей раэдеn страницы. Для веб-страницы гороскоnа ссылка nанепи навигации может ВЬIГЛЯ·
деть следующим образом: <а hгef="/horoscopes/" dass="u_r_here">Нoroscopes</a>.
2. Найдите тег <body> и добавьте в него идентификатор id;"home":
<body id;"home">
Теперь, когда мы знаем, какому разделу сайта принадлежит текущая открытая
Страница, можно использовать производный селектор для создания конкретного