» »

Горизонтальное меню Ryland для сайта uCoz


Горизонтальное меню Ryland для сайта uCoz

Больше всего этот скрипт на сайт Горизонтальное меню Ryland для сайта uCoz подойдет с определенной фиксацией сайта. Это может быть один модуль блог, или просто ресурс, который по своей ширине не имеет на весь монитор. В нем расположен также поиск, который хорошо вписался с правой стороны. Оттенок цвета у него светло синий, где при наведение рубрика изменяет свою гамму. Вообщем простое без наворотов навигация, где тематика ней безразлична и подойдет как на игровой и тут же можно примерить и на софт. Устанавливать нудно под шапку или верх сайта, но некоторые и по верх делают, тут как вам видней будет. И безусловно с колом идут стили, которые прописываем в самый низ CSS ресурса.

Код
<ul class="head-top-menu2">
<li><a href="http://zornet.ru/" title="Главная страница"><strong>Главная сайта</strong></a></li>
<li><a href="/load/" title=""><strong>Форум сайта</strong></a></li>
<li><a href="/photo/" title="Галерея"><strong>Скрипты сайта</strong></a></li>
<li><a href="/blog/" title="Шаблоны и Скрипты"><strong>ZORNET.Ru</strong></a></li>
<li><a href="/stuff/" title="Видео"><strong>Шаблоны сайта</strong></a></li>
<li><a href="/publ/" title="Статьи"><strong>Каталог статей</strong></a></li>
<li id="searcher" style="float: right; margin-right: 6px;">
<form onsubmit="this.sfSbm.disabled=true" method="get" action="/search/">
<input class="srch_fld" name="q" maxlength="50" size="14" placeholder="Поиск по всему сайту..." type="text" style="">
<input class="srch_btn" onclick="this.sfSbm.disabled=true" name="sfSbm" value="OK" type="submit" style="margin-bottom: 1px;">
<div id="search2"></div>
</form>
</li>
</ul>


CSS:

Код
.srch_btn {display:inline; height: 28px; width: 32px; position: relative; top: 2px; left: 1px; background: url(http://zornet.ru/CSS-ZORNET/Grety/Menu/box_t_r.png) #ff8a0b repeat-x; border: 1px solid #A25F00; border-radius: 2px; padding: 0px;}
.srch_fld {width:212px !important; height:26px !important; font-family: Verdana; font-size:12px; margin: 4px 0px 0px 4px; padding:0 4px 0 4px; background:#e4e4e4; border: 1px solid #6D8FA8;}

.head-top-menu2 {width:100%; margin:0px; padding:0px; float:left; font:bold 12px Tahoma; border-bottom:1px solid #8489A9; height:25px; background:url(http://zornet.ru/CSS-ZORNET/Grety/Menu/top_head2.png)repeat-x; height:35px;}
.head-top-menu2 li {float: left; list-style: none;}
.head-top-menu2 li a {display: block; background:url(http://zornet.ru/CSS-ZORNET/Grety/Menu/top_head2.png)repeat-x; height:26px; text-decoration: none; font-weight:bold; border-right: 1px solid #F5F5F5; color: #FFF; padding: 10px 14px 0px 14px; white-space: nowrap;}
.head-top-menu2 li a:hover, .head-top-menu2 li .current {color:#E4E4E4;background: url(http://zornet.ru/CSS-ZORNET/Grety/Menu/top_head2_hover.png)repeat-x;}
.head {width:100%;height:76px;overflow:hidden;padding:0 0 0 0;background-color: #ededed;}


11.05.2015 Просмотров: 399 Комментарий: (0)

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

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

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