Скрипт раздвижного меню на 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>