Вертикальное меню DREZYR для uCoz
 | |
| Изначально эта навигация была создана под желтый дизайн сайта. И все стили у него под эту гамму были прописаны, но пришлось изменить и сделать его синим цветом при клике на раздел. Так как это гамма больше всего переменятся при сайта строение. Если вам нужно другой, то фотошоп вам в руки и сменить в CSS и все сделаете и подгоните как вам нужно. По сути своей простое меню, которое можно очень где применить в плане тематики. Код: Код <ul class="nagan_menu"> <a title="Главная страница" href="http://zornet.ru/" ><b>Главная</b></a> <a title="Форум сайта" href="/forum" ><b>Форум</b></a> <a title="Новостная лента" href="http://zornet.ru/news" ><b>Файлы</b</a> <a title=" ucoz" href="/publ" ><b>Статьи</b></a> <a title="Онлайн видео" href="http://zornet.ru/stuff" ><b>Блоггер</b></a> <a title="Файлы нашего сайта" href="http://zornet.ru/load" ><b>Гостевая</b></a> <a title="Скрипты и шаблоны uсoz" href="http://zornet.ru/" ><b>Топ сайтов</b></a> <a title="Скрипты и шаблоны uсoz" href="http://zornet.ru/" ><b>Фотоальбом</b></a> <a title="Скрипты и шаблоны uсoz" href="http://zornet.ru/" ><b>Админ на связи</b></a> </ul> CSS: Код <style> .nagan_menu {margin:0; padding-left:3px; list-style:none;} .nagan_menu a:link, .nagan_menu a:active, .nagan_menu a:visited {width:168px; height:18px; padding:2px 0 0 21px; display:block; margin:0 0 1px 0; color:#747475; text-decoration:none; overflow:hidden; background:url(http://zornet.ru/CSS-ZORNET/Grety/nagan_menu_645.png) no-repeat 0 0;} .nagan_menu a:hover {color:#465af3; background-position:0 -20px;} </style> Здесь меняем оттенок, если так вам нужно, чтоб на ваш ресурс отлично вписался. Но это одна ссылка на картинку и color:#465af3; и на этом все.  | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 0 | |