ZorNet.Ru — сайт для вебмастера » Меню для сайта » Красивый вид меню SAGAC для сайта uCoz

Красивый вид меню SAGAC для сайта uCoz

Красивый вид меню SAGAC для сайта uCoz
По своему стилю оно как мутное меню для сайта ucoz, но при нажатие появляется сильно темный раздел и сразу видно правильно вы навели или нет. В свое время было ходячие и на это меню был спрос. Спрос сейчас остался, красивое меню для красивого темного сайта.
Переходим к установке скрипта ucoz
Такие строки в CSS заменяем на аналогичные (они начинаются так же):
Данный стиль мы идем прописывать в наш CSS:
Код
/* Menu */  
ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}  
li.m {border:1px solid #363636; margin: 2px; padding: 2px 2px 2px 13px; background: #252525;}  
li.m:hover {border:1px solid #363636; margin: 2px; padding: 2px 2px 2px 13px; background: #000000;}  
li.fr {border:1px solid #d7d7d7; margin: 2px; padding: 2px 2px 2px 13px; background: #f7f7f7;}  
li.fr:hover {border:1px solid #3caed9; margin: 2px; padding: 2px 2px 2px 13px; background: #d4e4ea;}  
.m {font-family:Tahoma,Arial,Helvetica;}  
/* ------------- */  

/* Main Menu */  
.m {font-weight:normal;}  
a.m:link {text-decoration:none; color:#dedede}  
a.m:active {text-decoration:none; color:#dedede}  
a.m:visited {text-decoration:none; color:#dedede}  
a.m:hover {text-decoration:none; color:#debc1d}  

.ma {font-weight:bold;}  
a.ma:link {text-decoration:none; color:#FFFFFF;}  
a.ma:visited {text-decoration:none; color:#FFFFFF}  
a.ma:hover {text-decoration:none; color:#FFFFFF}  
/* --------- */

Вставляем в блок вашего сайта:
Код
<ul class="uz" align="left">  
<li class="m"><a class="m" href="http://zornet.ru/">Главная страница</a></li>  
<li class="m"><a class="m" href="/forum">Форум</a></li>  
<li class="m"><a class="m" href="/load">Файловый архив</a></li>  
<li class="m"><a class="m" href="/publ">Полезные статьи</a></li>  
<li class="m"><a class="m" href="/dir">Топ сайтов</a></li>  
<li class="m"><a class="m" href="/blog">Мониторинг</a></li>  
<li class="m"><a class="m" href="/faq">FAQ</a></li>
17 Апреля 2012 Просмотров: 3187 Комментариев: (3)

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

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

Оставь свой отзыв

Комментарии: 3
Марковичь
Марковичь 25 Декабря 2015 15:391
0
Стандпртное меню на темный шаблон, больше всего от игрового сайта.
AnTron
AnTron 25 Декабря 2015 15:502
0
Да это точно с игрового сайта.
Kvint
Kvint 25 Декабря 2015 16:263
0
НЕ сказать, можно и совершенно найти другую тему, де стоит такое меню.
avatar