Скрипт новое горизонтальное меню в стиле flat для ucoz
1)Этот код нужно вставить в верхнюю часть сайта:
Код
<div id="catmenu"><div class="nav-head"><div class="icon"><span></span><span></span><span></span><span></span></div><a href="#">Navigation</a></div>
<!-- <sblock_nmenu> -->
<!-- <bc> --><div id="catmenu"><div class="nav-head"><div class="icon"><span></span><span></span><span></span><span></span></div><a href="#">Navigation</a></div>
<!-- <sblock_nmenu> -->
<!-- <bc> --><div id="uNMenuDiv1" class="uMenuV"><ul class="uMenuRoot">
<li><a href="http://livfan.ru"><span>LivFan.RU</span></a></li>
<li><a href="http://master-ucoz.ru/load/ucoz/skripty_dlja_ucoz/4"><span>Скрипты</span></a></li>
<li><a href="http://master-ucoz.ru/load/ucoz/shablony_dlja_sajta/2"><span>Шаблоны</span></a></li>
<li><a href="http://master-ucoz.ru/forum"><span>Форум</span></a></li></ul></div><!-- </bc> -->
<!-- </sblock_nmenu> -->
<!-- <sblock_nmenu> -->
<!-- <bc> --><div id="catmenu"><div class="nav-head"><div class="icon"><span></span><span></span><span></span><span></span></div><a href="#">Navigation</a></div>
<!-- <sblock_nmenu> -->
<!-- <bc> --><div id="uNMenuDiv1" class="uMenuV"><ul class="uMenuRoot">
<li><a href="http://livfan.ru"><span>LivFan.RU</span></a></li>
<li><a href="http://master-ucoz.ru/load/ucoz/skripty_dlja_ucoz/4"><span>Скрипты</span></a></li>
<li><a href="http://master-ucoz.ru/load/ucoz/shablony_dlja_sajta/2"><span>Шаблоны</span></a></li>
<li><a href="http://master-ucoz.ru/forum"><span>Форум</span></a></li></ul></div><!-- </bc> -->
<!-- </sblock_nmenu> -->
2)Этот код вставляем CSS стилей:
Код
.marked .sidetitle:after,.marked .sidetitle:before {border-top-color:#bf602a;}
#catmenu ul,#catmenu li {padding:0;margin:0;list-style:none;}
#catmenu li {font-size: 12px; text-transform: uppercase; padding: 0 5px;float:left;}
#catmenu li a {position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; height: 50px; color: #777777; text-decoration: none; line-height: 50px;}
#catmenu li a:hover,#catmenu li a.uMenuItemA,#catmenu li.uWithSubmenu:hover > a {color: rgba(255,255,255,0.7); text-decoration:none;}
#catmenu li a:hover{text-decoration:none;color:rgba(255,255,255,0.9);}
#catmenu li a:hover{border-top:4px solid #FFF;color:#FFF;height:46px;}
#catmenu ul,#catmenu li {padding:0;margin:0;list-style:none;}
#catmenu li {font-size: 12px; text-transform: uppercase; padding: 0 5px;float:left;}
#catmenu li a {position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; height: 50px; color: #777777; text-decoration: none; line-height: 50px;}
#catmenu li a:hover,#catmenu li a.uMenuItemA,#catmenu li.uWithSubmenu:hover > a {color: rgba(255,255,255,0.7); text-decoration:none;}
#catmenu li a:hover{text-decoration:none;color:rgba(255,255,255,0.9);}
#catmenu li a:hover{border-top:4px solid #FFF;color:#FFF;height:46px;}
Жалоба