Горизонтальное меню 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;}  | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 4 | |
|
| |
