NK-uCoz.Ru » Каталог файлов » uCoz » Скрипты для uCoz » Рип меню как на 7old

Рип меню как на 7old

Рип меню как на 7old
Скрипты для uCoz
na3uTuB4uk
30.11.13, 16:55
1003
0
Установка:

Заходим в ПУ, глобальные блоки и в куда вам угодно ставим код:
Код
<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. Готово
1436_img.rar [11.9 Kb] (Скачали 48)
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Вернуться назад
Комментарии (0)