» »

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


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

Код:

Код
<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;}


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

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

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

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