» »

Вертикальное меню DREZYR для uCoz


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

23.04.2015 Просмотров: 355 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar