» »

Красивый Вид меню 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.04.2012 Просмотров: 1189 Комментарий: (3)

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

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

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