Скрипт раздвижного меню на uCoz





Хочу заметить, что скрипт раздвижного меню на uCoz подойдет для сайтов ucoz с любой тематикой, так как данное ucoz меню практически универсально. Но все же замечу, что на ярких сайтах оно смотрится гораздо лучше и привлекательней, чем на более блеклых.

Устанока:
- В CSS:

Code
/* Меню Informers.ucoz.ru */
.block_full {width:207px; padding:5px 0 0 0; margin:0 0 8px 0; background:url(http://informers.ucoz.ru/scripts/green_menu/block_bg.png) no-repeat -209px 0;}
.block_title {height:30px; padding:12px 0 0 0; overflow:hidden; font-weight:bold; font-size:12px; color:#fff; text-align:center; background:#00690e url(http://informers.ucoz.ru/scripts/green_menu/block_bg.png) no-repeat -209px -5px;}
.block_cont {background:#dfdfdf url(http://informers.ucoz.ru/scripts/green_menu/block_bg.png) repeat-y 0 0;}
.block_c_in {overflow:hidden; padding:5px 5px 7px 5px; background:url(http://informers.ucoz.ru/scripts/green_menu/block_bg.png) no-repeat -418px bottom;}
.block_full .hr {height:3px; overflow:hidden; margin:10px 0 5px 0; background:url(http://informers.ucoz.ru/scripts/green_menu/hr_block.png) no-repeat center 0;}  
.bnav {width:197px;}
.bnav li {margin:4px 0 0 0;}
.bnav li:first-child {margin:0;}
.bnav li a {height:23px; line-height:23px; display:block; padding:0 8px; overflow:hidden; color:#4c4c4c; text-shadow:0px 1px 1px #bfbfbf; text-decoration:none; background:#b2b2b2 url(http://informers.ucoz.ru/scripts/green_menu/block_bg.png) no-repeat -627px 0;}
.bnav li a:hover {color:#efefef; text-shadow:0px 1px 1px #003c08; background:#006d0f url(http://informers.ucoz.ru/scripts/green_menu/block_bg.png) no-repeat -627px -24px;}
/* --- */


- В блок:

Code
<ul class="bnav">
<li><a href="/" title="Главная страница"><strong>Главная страница</strong></a></li>
<li><a href="#" rel="nofollow" title="Связь">Связь с администрацией</a></li>
<li><a href="/dir/" title="Топ сайтов" rel="nofollow">Топ сайтов</a></li>
<li><a href="/load/" title="Всё для CSS"><strong>Все файлы</strong></a></li>
<li><a href="/publ/" title="Статьи CSS">Статьи</a></li>
<li><a href="/forum/" title="Форум"><strong>Форум</strong></a></li>
<hr>
<li><a href="#" title="Всё для CSS"><strong>Всё для CSS</strong></a></li>
<li><a href="#" title="Всё для UCOZ">Всё для UCOZ</a></li>
<li><a href="#" title="Всё для CS 1.6">Всё для CS 1.6</a></li>
</ul>



Категория: Скрипты меню | Добавил: GaV | Теги: меню ucoz, Раздвижное меню для uCoz, Скрипт раздвижного меню на uCoz, красивое раздвижное меню
Просмотров: 754 | Загрузок: 145 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]