Скрипт новое горизонтальное меню в стиле flat для ucoz

Скрипт новое горизонтальное меню в стиле flat для ucoz

07.05.2024 в 07:08Скрипты для uCoz548
И так приступим к установке меню:

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> -->


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;}


Скачать материал 0 (средняя оценка: 0 из 0)


скрипт, горизонтальное, ucoz, новое, меню 2016 для юкоз, стиле, для, меню, flat
Жалоба
avatar