Рип меню как на 7old - Меню - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Меню


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

Установка:

Заходим в ПУ, глобальные блоки и в куда вам угодно ставим код:

Код
<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. Готово

Важно!

При копировании материала указывать ссылку на источник.

- 386
- 13-Января-2017
- 2
- 0
Материал разместил:

Похожий материал
Статьи сайта