Очередное и также в темном виде Горизонтальное меню ProDres для сайта uCoz, где есть светлый оттенок цвета, а точней оригинальное по своему окно категорий. Мы все привыкли, наведя на рубрику и появляется то ли эффект или простая сменив гаммы. Здесь все будет по другому, будет белый изогнутый каркас и в нем написано уже совершенно другим цветом, ваш раздел. Хочется сразу сказать, что в стилях вы найдете - что будет означать ширину. Но здесь вы можете все цифры убрать и прописать - это автоматически встанет на место.Есть в ней функций, которые как обычно мешают, этот регистрация и вход, здесь же они уже прописаны коды и не нужно больше не куда устанавливать.
Код:
Код <div class="hmenu"> <div class="hnav"> <ul> <li><a href="http://zornet.ru/"><b>Главная</b></a></li> <li><a href="/"><b>ZORNET.RU</b></a></li> <li><a href="/"><b>Игры PC</b></a></li> <li><a href="/"><b>Софт</b></a></li> <li><a href="/"><b>Музыка</b></a></li> <li><a href="/"><b>Обои</b></a></li> <li><a href="/"><b>Игры PSP</b></a></li> <li><a href="/"><b>Игры XBOX</b></a></li> <li><a href="/"><b>Для мобильных</b></a></li> <li><a href="/"><b>Книги</b></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;"><font color="#4AB9FF"><b>ВХОД</b></font></a></li> <li><a href="/register"><font color="#4AB9FF"><b>РЕГИСТРАЦИЯ</b></font></a></li><a href="/register"><font color="#4AB9FF">
</font></a></ul><a href="/register"><font color="#4AB9FF"> </font></a></div><a href="/register"><font color="#4AB9FF">
</font></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;}
|