Скачайте бесплатный софт для ПК на Soft-PK: лучший выбор для вашего компьютера

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1
1

Красивая навигация в web стиле с иконками для ucoz (Красивая навигация в web стиле с иконками для ucoz)

Красивая навигация в web стиле с иконками для ucoz

Vendor

Дата: Понедельник, 27.01.2014, 19:14 | Сообщение # 1

Генералиссимус

Группа: Администраторы

Сообщений: 154

Репутация: 150

Статус: Offline

Красивая навигация для сайта с иконками, выполненная очень качественно и аккуратно.В данном меню слева расположена к каждому пункту меню своя тематическая иконка. В обычном режиме меню светлое, а при наведении курсором становится ярко зеленым. Данная навигация впишется в светлый дизайн.

В блок где хотите видеть меню:
<nav class="bnav"> <ul> <li><a href="/">Главная</a></li> <li><a href="/load/">Фильмы торрент</a></li> <li><a href="/load/">Сериалы торрент</a></li> <li><a href="/load/">ТВ передачи торрент</a></li> <li><a href="/load/">Мультфильмы торрент</a></li> <li><a href="/load/">Музыка торрент</a></li> <li><a href="/load/">Игры торрент</a></li> <li><a href="http://manucoz.ru/">Шаблоны для uCoz</a></li> <li><a href="/load/">Журналы торрент</a></li> <li><a href="/load/">Спорт торрент</a></li> <li><a href="/load/">Обои торрент</a></li> </ul> </nav>

В CSS:
.bnav {width:215px;} .bnav li {margin:3px 0 0 0;} .bnav li:first-child {margin:0;} .bnav li a {height:30px; padding:0 0 0 36px; display:block; position:relative; overflow:hidden; font:12px/30px Calibri; color:#4e6378; text-shadow:0 1px 1px #f5f8fa; text-decoration:none; background:url(http://ucozup.ru/files_ucozup/block_bg.png) no-repeat -698px 0;} .bnav li a:hover {color:#fff; text-shadow:0 1px 1px #329500; background-position:-698px -32px;} .bnav li a .ico {width:24px; height:24px; display:block; position:absolute; left:6px; top:3px; background-image:url(http://ucozup.ru/files_ucozup/icon_block.png); background-repeat:no-repeat;} .bnav li a .ico_01 {background-position:center 3px;} .bnav li a .ico_02 {background-position:center -28px;} .bnav li a .ico_03 {background-position:center -60px;} .bnav li a .ico_04 {background-position:center -94px;} .bnav li a .ico_05 {background-position:center -128px;} .bnav li a .ico_06 {background-position:center -160px;} .bnav li a .ico_07 {background-position:center -194px;} .bnav li a .ico_08 {background-position:center -228px;} .bnav li a .ico_09 {background-position:center -260px;} .bnav li a .ico_10 {background-position:center -293px;} .bnav li a .ico_11 {background-position:center -228px;}

Вот и все ваше меню для uCoz готово)

Красивая навигация в web стиле с иконками для ucoz (Красивая навигация в web стиле с иконками для ucoz)

Страница 1 из 1
1