вРазные полезности

Вертикальное меню 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; и на этом все.

источник: zornet.ru

Похожие посты