Вертикальное Зеленое меню Orel-CS
Код
[b]Красивое вертикальное Зеленое меню Orel-CS для ucoz сайтов.
Вертикальное меню выполнена в темно-светлом цвете, при наведение на
ссылку в меню подсвечивается зеленым цветом. Сморится очень красиво.
[b]Установка:
В CSS в самый низ ставим:
Код
/* Меню ucozmafia.ru */
.block_full {width:207px; padding:5px 0 0 0; margin:0 0 8px 0;
background:url(http://ucozmafia.ru/polzv/meni/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://ucozmafia.ru/polzv/meni/block_bg.png) repeat-y 0 0;}
.block_c_in {overflow:hidden; padding:5px 5px 7px 5px;
background:url(http://ucozmafia.ru/polzv/meni/block_bg.png) no-repeat
-418px bottom;}
.block_full .hr {height:3px; overflow:hidden; margin:10px 0 5px 0;
background:url(http://ucozmafia.ru/polzv/meni/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://ucozmafia.ru/polzv/meni/block_bg.png) no-repeat -627px 0;}
.bnav li a:hover {color:#efefef; text-shadow:0px 1px 1px #003c08;
background:#006d0f url(http://ucozmafia.ru/polzv/meni/block_bg.png)
no-repeat -627px -24px;}
/* --- */
И сам скрипт меню ставим в блок:
Код
<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="http://ucozmafia.ru" title="Всё для UCOZ">Всё для UCOZ</a></li>
<li><a href="#" title="Всё для CS 1.6">Всё для CS 1.6</a></li>
</ul>