Меню в синих тонах цвета сайта ucoz
 | |
| Меню в синих тонах, из категории Меню для сайта uCoz. По дизайну сама навигация выполнена в оригинальном оттенке цвета. Само то оно синее но где будит написано или раздел или название файла. То какой то процент будит на светлом фоне что смотреться очень красиво. Добавляем в " CSS " Код #navigation { display:block; list-style:none; } .nav-lvl1 { display:block; width:229px; height:28px; line-height:28px; text-indent:9px; background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/nav-lvl1-bg.gif) no-repeat; font-size:1.2em; font-weight:bold; color:#fff; text-decoration:none; } .nav-lvl1:hover { color:#d5efff; background-position:0 -28px; } span.invitext { font-size: 1px; letter-spacing: -1px; visibility: hidden; } #navigation ul { display:block; list-style:none; margin:4px 25px 7px 15px; } #navigation ul li { display:block; padding:1px 0 4px 12px; background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/navigation-ul-li.gif) 0 100% repeat-x; } #navigation ul li a { display:block; color:#fff; text-decoration:none; } #navigation ul li a:hover { color:#ffe199; text-indent:4px; } P.S: у некоторых может сбить весь сайт , потому что несовместимые коды CSS. Так что советую сделать копию или же попробовать на пробном сайте. В любое место , там где хотите видеть меню вставляем. Код <ul id="navigation"> <li class="active"> <a href="#" class="nav-lvl1" title="">Главная</a> </li> <li> <a href="#" class="nav-lvl1" title="">Шаблоны</a> </li> <li> <a href="#" class="nav-lvl1" title="">Скрипты</a> </li> <li> <a href="#" class="nav-lvl1" title="">Скрипты</a> </li> <li> <a href="#" class="nav-lvl1" title="">форум</a> </li> <li> <a href="#" class="nav-lvl1" title="">все для юкоз</a> </li> <li> <a href="#" class="nav-lvl1" title="">Шаблоны</a> </li> <li> <a href="#" class="nav-lvl1" title="">Скрипты</a> </li> </ul> P.S: качать нечего не нужно , все картинки уже имеются на одном сайте.  | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 3 | |
|
| |
