Карта сайта
Sape. Хитрости. Тонкости.
Индексация в yandex.
Иконка сайта favicon.ico
title тэг
CSS3 Закругленные углы
CSS3 Тени(shadow)
Выпадающее меню на CSS
Динамическое меню на PHP
header
Динамическое простое меню на PHP
Динамическое выпадающее меню на PHP и CSS
Динамическое выпадающее меню на PHP и CSS
Динамическое выпадающее меню на PHP и CSS3
Динамическое выпадающее меню на PHP и CSS3
Динамическое выпадающее меню на PHP
СкринШот phpDesigner

Динамическое выпадающее меню на PHP

Стили CSS .no_active_pad1 //вся строка блоком { display: block; } __________________________________________ .no_active_pad1 a //вся ссылка блоком { display: block; } __________________________________________ .no_active_pad1 ul //скрываем список внутри строки когда не активный пункт меню { display: none; } __________________________________________ .active_pad ul //показываем список внутри строки когда активна строка { background: aqua; display: block; } __________________________________________ .active_m //ссылка блоком ну и фон активной ссылки. { background: aqua; display: block; } __________________________________________ .no_active_m //ссылка блоком и фон не активной ссылки { background: #804040; display: block; } __________________________________________ .menu_dv ul li:hover ul // при наведении мышкой на строку у списока внутри этой строки убираем display: none; { // меняем его на display: block; display: block; } __________________________________________
Я не стал с красотой мудрить. Ибо к данным классам просто добовляем правильные border, background и color(текст). Так же не стал делать не каких отступов и укорачивать ссылки и дивы. Это не суть важно. Теперь посмотрим чтож у нас Теперь посмотрим чтож у нас получилось.