Главная » Шаблоны и Скрипты для uCoz » Скрипты для uCoz » Меню для uCoz |
Меню как на 7old для uCoz
11.06.2015, 15:39 | |
Меню как на 7old для uCoz. Многие видели такое светлое меню, вот я решил выложить это меню, это меню идет для uCoz сайта. Отлично подходит под светлый дизайн сайта. При наведении на меню оно выделяет черным. Установка: Заходим в ПУ, глобальные блоки и в куда вам угодно ставим код: Код <div class="block" title=""> <div class="block_title" title=""><img src="/img/navig_ico.png">Главное меню</div> <div class="block_content_m" title=""> <ul> <li><a href="/" class="hico" title="Главная страница">Главная страница</a></li> <li><a href="/load" class="lico" title="Всё для движка ucoz,а так же графика для сайта и psd работы">Файловый архив</a></li> <li><a href="/forum" class="fico" title="WEB форум,всё о ucoz,графика,верстка и море общения!">Форум сайта</a></li> <li><a href="/index/0-3" class="mico" title="Связь с администратором">Обратная связь</a></li> <li><a href="/dir/" class="topico" title="Каталог сайтов,Сайты по категориям">Топ сайтов</a></li> </ul> </div> </div> В CSS вставляем этот код: Код /* BLOCK */ .block {background:#f7f7f7;border:1px solid #d4d4d4;border-radius:2px;margin:0 0 3px 0;overflow:hidden;} .block_title {background:url('/img/block_title.png')repeat-x;height:29px;line-height:28px;padding:0 15px;} .block_title img {margin:4px -5px 5px 0;float:right;background:#f7f7f7;border-radius:2px;padding:1px;} .block_cont {background:#f7f7f7;padding:0 0 2px 0;overflow:hidden;} .BlockCont {border:1px solid #ccc; border-top:0px solid #cccccc; background:#fff; padding:5px; font-size:11px; font-family:tahoma; color:#666;} .BlockFot {background:url('/img/block_shadow.png') no-repeat left top; height:5px;} /* BLOCK MENU */ .block_content_m {padding:0 0 2px 0;overflow:hidden;} .block_content_m ul {margin:0;padding:0;list-style:none;} .block_content_m li {background:url('/img/block_content_mli.png')repeat-x;height:27px;} .block_content_m li:hover {background:url('/img/block_content_mlih.png')repeat-x;} .block_content_m li a {display:block;padding:7px 15px 7px 25px;color:#464646;} .block_content_m li a.hico {display:block;background:url('/img/hico.png')no-repeat 10px 7px;padding:7px 15px 7px 32px;color:#464646;} .block_content_m li a:hover.hico {display:block;background:url(/img/hicoh.png')no-repeat 10px 7px;color:#fff;} .block_content_m li a.lico {display:block;background:url('/img/lico.png')no-repeat 11px 10px;padding:7px 15px 7px 32px;color:#464646;} .block_content_m li a:hover.lico {display:block;background:url('/img/licoh.png')no-repeat 11px 10px;color:#fff;} .block_content_m li a.pico {display:block;background:url('/img/pico.png')no-repeat 10px 8px;padding:7px 15px 7px 32px;color:#464646;} .block_content_m li a:hover.pico {display:block;background:url('/img/picoh.png')no-repeat 10px 8px;color:#fff;} .block_content_m li a.fico {display:block;background:url('/img/fico.png')no-repeat 10px 9px;padding:7px 15px 7px 32px;color:#464646;} .block_content_m li a:hover.fico {display:block;background:url('/img/ficoh.png')no-repeat 10px 9px;color:#fff;} .block_content_m li a.mico {display:block;background:url('/img/mico.png')no-repeat 10px 7px;padding:7px 15px 7px 32px;color:#464646;} .block_content_m li a:hover.mico {display:block;background:url('/img/micoh.png')no-repeat 10px 7px;color:#fff;} .block_content_m li a.topico {display:block;background:url('/img/list.png')no-repeat 10px 9px;padding:7px 15px 7px 32px;color:#464646;} .block_content_m li a:hover.topico {display:block;background:url('/img/hlist.png')no-repeat 10px 9px;color:#fff;} /* --- */ Кому надо только меню, а вид блока не надо, то удалите в CSS /* BLOCK */ до /* BLOCK MENU */ . Скачиваем архив заливаем все картинки в папку img. Готово | |
Просмотров: 697 | Загрузок:31 Скачать |
Всего комментариев: 0 | |