» »

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

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

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

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