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

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

Очередное и также в темном виде Горизонтальное меню ProDres для сайта uCoz, где есть светлый оттенок цвета, а точней оригинальное по своему окно категорий. Мы все привыкли, наведя на рубрику и появляется то ли эффект или простая сменив гаммы. Здесь все будет по другому, будет белый изогнутый каркас и в нем написано уже совершенно другим цветом, ваш раздел. Хочется сразу сказать, что в стилях вы найдете

Код

width:982px

- что будет означать ширину. Но здесь вы можете все цифры убрать и прописать

Код

auto

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

Код:

Код

<div class="hmenu">
<div class="hnav">
<ul>
<li><a href="http://zornet.ru/">Главная</a></li>
<li><a href="/">ZORNET.RU</a></li>
<li><a href="/">Игры PC</a></li>
<li><a href="/">Софт</a></li>
<li><a href="/">Музыка</a></li>
<li><a href="/">Обои</a></li>
<li><a href="/">Игры PSP</a></li>
<li><a href="/">Игры XBOX</a></li>
<li><a href="/">Для мобильных</a></li>
<li><a href="/">Книги</a></li>

<li><a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;">ВХОД</a></li>
<li><a href="/register">РЕГИСТРАЦИЯ</a></li><a href="/register">

</a></ul><a href="/register">
</a></div><a href="/register">

</a></div>

CSS:

Код

body, td {font-family:Tahoma; font-size:11px; color:#6596b5;}
a {color:#6596b5; text-decoration:none;}
a:hover {text-decoration:underline;}
ul, li {display:block; padding:0; margin:0; list-style:none;}
.side_main {overflow:hidden;}
.side_left {width:215px; float:left;}
.side_right {width:782px; float:right;margin:3px 3px 0 0;}
.body2 {background:url(http://zornet.ru/CSS-ZORNET/Grety/Menu-2/fon.png);
width:1000px; height:auto; margin: 0 auto;overflow:hidden;}
.hmenu {background:url(http://zornet.ru/CSS-ZORNET/Grety/Menu-2/hmenu.png); width:982px;
height:32px; margin: 1px auto;}
.hnav {margin:4px 0 0 0; float:left; height:19px;}
.hnav ul {height:24px; float:left;}
.hnav ul li {float:left; height:24px; margin:0 0 0 10px;}
.hnav ul li a {float:left; display:block; height:24px; line-height:24px; padding:0 10px; color:#f1f1f1; text-decoration:none;}
.hnav ul li a:hover {background:#f1f1f1; color:#639d5f; border-radius: 5px 0;}
.date {color:#f1f1f1;line-height:32px; float: right; margin: 0 15px 0 0;}

19 Мая 2015 Просмотров: 1442 Комментариев: (0)

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

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

Kosten

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