ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Зеленое горизонтальное меню LAGAREV для ucoz

Зеленое горизонтальное меню LAGAREV для ucoz

Этот скрипт из той серий, который может растягиваться по всей ширине и можно ставить на такие конструкторы, как фиксированный портал или на весь монитор. В нем нед не одной ссылки в дизайне и все построено на стилях, а это значит, вы можете сами потом цвет выбрать ему, такой который вам нужен. Есть эффект клика на раздел, что смотрится просто отлично, вы наводите на ту или иную рубрику и видите, что меняется она. Гамму оставил по умолчанию, что то похоже как на яблоко, возможно кто то искал такою и вы можете его поставить и наслаждаться и не нужно забывать, что функциональность повыситься. на вашем ресурсе.

Установка:

Код:

Код

<div class="over_1">
<div class="titl">Навигация</div>
<div class="menus">
<a href="#" class="active"><sup>56</sup>Коды для ucoz</a>
<a href="http://zornet.ru"><sup>32</sup>ZORNET.RU</a>
<a href="#">Новая запись</a>
<a href="#">Новая запись</a>
</div>
</div>

CSS:

Код

.over_1 {width:180px;text-align:left;}
.titl {text-align:left;padding:7px;margin:0;font-size:14px;font-family:Arial;color:white;background:#4B4F55;display:block}
.menus {text-align:left;border-bottom:1px solid #D8D8D8}
.menus a sup {font-family:Arial;margin-top:-1px;float:right;font-size:10px;border-radius:13px;padding:3px;background:#efefef;color:#646464}

.menus a.active sup {font-family:Arial;margin-top:-1px;float:right;font-size:10px;border-radius:13px;padding:3px;background:#F13B3B;color:white}

.menus a {
border-left:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
font-family:Arial;
font-size:14px;
background:white;
display:block;
padding:7px;
color:#8B8E93;
border-bottom:1px solid #F0F0F0;
text-decoration:none;
}
.menus a.active {
font-family:Arial;
display:block;
font-size:14px;
padding:7px;
color:#FFFFFF;
border-bottom:1px solid #62666B;
text-decoration:none;
background:#6E757F;
border-left:1px solid #6E757F;
border-right:1px solid #6E757F;
}
.menus a:hover {
font-family:Arial;
display:block;
font-size:14px;
padding:7px;
color:#FFFFFF;
border-bottom:1px solid #62666B;
text-decoration:none;
background:#6E757F;
border-left:1px solid #6E757F;
border-right:1px solid #6E757F;
}

08 Апреля 2015 Просмотров: 1393 Комментариев: (0)

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

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

Kosten

Комментарии: 0