Главная » Статьи » Скрипты |
Скрипт Красивое темное меню для Ucoz
![]() Скрипт Красивое темное меню для Ucoz
Установка: В CSS в самый низ вставляем: Код .suckerdiv ul{ margin: 0; padding: 0; list-style-type: none; width: 185px; /*CSOMSK.RU*/ /* Width of Menu Items */ border-bottom: 1px solid #000000; } .suckerdiv ul{ margin: 0; padding: 0; list-style-type: none; width: 185px; /* Width of Menu Items */ border-bottom: 1px solid #101010; } .suckerdiv ul li{ position: relative; } /*Sub level menu items */ .suckerdiv ul li ul{ position: absolute; width: 185px; /*sub menu width*/ top: 0; visibility: hidden; } /*CSOMSK.RU*/ /* Sub level menu links style */ .suckerdiv ul li a{ display: block; overflow: auto; /*CSOMSK.RU*/ /*force hasLayout in IE7 */ color: #c2c2c2; text-decoration: none; background: #292929; padding: 3px 15px; border: 1px solid #101010; border-bottom: 0; } .suckerdiv ul li a:visited{ color: #c2c2c2; } .suckerdiv ul li a:hover{ background: url(http://csomsk.ru/bbcodes/menu-csomsk.png); } .suckerdiv .subfolderstyle{ background: url(http://csomsk.ru/bbcodes/menu-csomsk.png) no-repeat center right; } /*CSOMSK.RU*/ /* Holly Hack for IE \*/ * html .suckerdiv ul li { float: left; height: 1%; } * html .suckerdiv ul li a { height: 1%; } /* End */ В блок вставляем: Код <div class="suckerdiv"> <ul id="suckertree1"> <li><a href="/" >Главная</A> </li> <li><a href="/forum/" >Форум</A></li> <li><a href="/load/" >Файлы</A> </li> <li><a href="/publ/" >Статьи</A> </li> <li><a href="/news/" >Новости</A> </li> <li><a href="http://gamelife.3dn.ru/" >CSOMSK.RU</A></li> </ul> </div> | |
Просмотров: 363 | |
Всего комментариев: 0 | |