Попасть в команду портала Новые сообщения Участники Правила форума Поиск RSS

Страница 1 из 11
Архив - только для чтения
Форум Города Дружба » Архив » Архив Сообщений » выпадающее меню вертикальное
выпадающее меню вертикальное
-=ШуРиК=-Дата: Понедельник, 31.01.2011, 11:46:34 | Сообщение # 1
Группа: Гл. Модератор
Сообщений: 342
Награды: 1
Репутация: 0

Даный код вставить в блок :

Code
<!-- Меню by fank -->   
<style type="text/css">    
    .glossymenu, .glossymenu li ul{    
    list-style-type: none;    
    margin: 0;    
    padding: 0;    
    width: 200px; /*WIDTH OF MAIN MENU ITEMS*/    
    }    

    .glossymenu li{    
    position: relative;    
    }    

    .glossymenu li a{    
    background-image: url(http://logical-portal.ru/img/menu_a.png);    
    display: block;    
    width: 200px;    
    overflow: hidden;    
    font-size: 11px;    
    font-family: Arial, Helvetica, sans-serif;    
    line-height: 22px;    
    color: #5f5f5f;    
    text-decoration: none;    
    text-indent: 17px;    
    height: 22px;    
    }    

    .glossymenu li ul{ /*SUB MENU STYLE*/    
    position: absolute;    
    width: 205px; /*WIDTH OF SUB MENU ITEMS*/    
    left: 0;    
    top: -4px;    
    display: block;    
    background-image: url(http://logical-portal.ru/img/menu_t.png);    
    background-repeat: no-repeat;    
    background-position: center top;    
    padding-top: 4px;    
    }    

    .glossymenu li ul li{    
    float: left;    
    }    

    .glossymenu li ul a{    
    width: 200px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */    
    }    

    .glossymenu .arrowdiv{    
    position: absolute;    
    right: 10px;    
    background-image: url(http://logical-portal.ru/img/arrow_right.png);    
    background-repeat: no-repeat;    
    background-position: right center;    
    }    

    .glossymenu li a:visited, .glossymenu li a:active{    
    color: #5f5f5f;    
    }    

    .glossymenu li a:hover{    
    background-image: url(http://logical-portal.ru/img/menu_h.png);    
    font-weight: bold;    
    color: #404040;    
    }    

    /* Holly Hack for IE \*/    
    * html .glossymenu li { float: left; height: 1%; }    
    * html .glossymenu li a { height: 1%; }    
    /* End */    
    </style>    

    <script type="text/javascript" src="http://logical-portal.ru/v_m/cssverticalmenu.js"></script>    
    <div class="v_menu_top"></div>    
    <ul id="verticalmenu" class="glossymenu">    
    <center><li><a href="/" title="Rip by <b>fank</b>" class="subfolderstyle">Rip by fank</a>    
    <ul style="left: 207px; visibility: visible; display: none; ">    
    <li><a href="/load/49">Античиты</a></li>    
    <li><a href="/load/8">Звуки</a></li>    
    <li><a href="/load/6">Патчи</a></li>    
    <li><a href="/load/7">Скачать</a></li>    
    <li><a href="/load/3">Читы</a></li>    
    <li><a href="/load/5">Софт</a></li>    
    <li><a href="/load/4">Карты</a></li>    
    <li><a href="/load/9">Online мувики</a></li>    
    <li><a href="/load/1">Модели оружия</a></li>    
    <li><a href="/load/2">Модели игроков</a></li></li></ul>    
    </li>    
    <li><a href="" title="Rip by <b>fank</b>" class="subfolderstyle">Rip by fank</a>    
    <ul style="left: 207px; visibility: visible; display: none; ">    
    <li><a href="/load/22">Кисти</a></li>    
    <li><a href="/load/23">Иконки</a></li>    
    <li><a href="/load/24">Стили</a></li>    
    <li><a href="/forum/24">Уроки</a></li>    
    <li><a href="/load/25">Градиенты</a></li>    
    <li><a href="/load/26">Шрифты</a></li>    
    <li><a href="/forum/40">Вопросы о фотошопе</a></li>    
    <li><a href="/forum/41">Готовые PSD работы</a></li></li></ul>    
    </li>    

    <li><a href="" title="Rip by <b>fank</b>" class="subfolderstyle">Rip by fank</a>    
    <ul style="left: 207px; visibility: visible; display: none; ">    
    <li><a href="/load/10">Антивирусы</a></li>    
    <li><a href="/load/12">Аудио</a></li>    
    <li><a href="/load/13">Безопасность</a></li>    
    <li><a href="/load/14">Видео</a></li>    
    <li><a href="/load/15">Графика</a></li>    
    <li><a href="/load/16">Интернет</a></li>    
    <li><a href="/load/17">Мультимедиа</a></li>    
    <li><a href="/load/18">Офис</a></li>    
    <li><a href="/load/20">Сборки Windows</a></li>    
    </li></ul>    
    </li>    
    <li><a href="" title="Rip by <b>fank</b>" class="subfolderstyle">Rip by fank</a>    
    <ul style="left: 207px; visibility: visible; display: none; ">    
    <li><a href="/load/51">Боевики</a>    
    </li><li><a href="/load/52">Исторические</a>    
    </li><li><a href="/load/53">Комедии</a>    
    </li><li><a href="/load/54">Ужасы</a>    
    </li><li><a href="/load/55">Фэнтези</a>    
    </li><li><a href="/load/56">Драма</a>    
    </li><li><a href="/load/57">Анимэ</a>    
    </li><li><a href="/load/58">Сериалы</a>    
    </li><li><a href="/load/59">Мультфильмы</a>    
    </li><li><a href="/load/60">Приключения</a>    
    </li><li><a href="/load/61">Фантастика</a>    
    </li><li><a href="/load/62">Детективы</a>    
    </li><li><a href="/load/63">Трилеры</a>    
    </li><li><a href="/load/64">Документальные</a>    
    </li></ul>    
    </li>    
       
    <li><a href="" title="Rip by <b>fank</b>" class="subfolderstyle">Rip by fank</a>    
    <ul style="left: 207px; visibility: visible; display: none; ">    
    <li><a href="/load/java_igry/31">Java игры</a></li>    
    <li><a href="/load/soft/32">Софт</a></li>    
    <li><a href="/load/temy/33">Темы</a></li>    
    <li><a href="/load/zastavki/34">Заставки</a></li>    
    <li><a href="/load/ringtony/35">Рингтоны</a></li>    
    <li><a href="/load/raznoe/36">Разное</a></li> </li></ul>    
    </li>    
    <li><a href="" title="Rip by <b>fank</b>" class="subfolderstyle">Rip by fank</a>    
    <ul style="left: 207px; visibility: visible; display: none; ">    
    <li><a href="/load/66">Аддоны</a>    
    </li><li><a href="/load/67">Patchs</a>    
    </li><li><a href="/load/68">Читы</a>    
    </li><li><a href="/load/69">Остальное</a>    
    </li></ul>    

    <li><a href="" title="Rip by <b>gorod-druzhba.ucoz.ua</b>" class="subfolderstyle">KIEV-PORTAL.PP.UA</a>    
    <ul style="left: 207px; visibility: visible; display: none; ">    
    <li><a href="/load/ckachat_l4d/37">Cкачать</a></li>    
    <li><a href="/load/karty_l4d/38">Карты</a></li>    
    <li><a href="/load/raznoe_l4d/39">Разное</a></li>    
    <li><a href="/load/chity_l4d/40">Читы</a></li>    
    <li><a href="/load/soft_l4d/41">Софт</a></li>    
    </li></ul>    
    </li>    
       
    </li>    
    <li><a href="" title="Rip by <b>gorod-druzhba.ucoz.ua</b>" class="subfolderstyle">Rip by KIEV-PORTAL.PP.UA</a>    
    <ul style="left: 207px; visibility: visible; display: none; ">    

    <li><a href="/load/72">Action</a>    
    </li><li><a href="/load/73">Шутеры от 1-го лица</a>    
    </li><li><a href="/load/74">Аркады</a>    
    </li><li><a href="/load/75">Стратегии</a>    
    </li><li><a href="/load/76">Симуляторы</a>    
    </li><li><a href="/load/77">Приключения</a>    
    </li><li><a href="/load/78">Гонки</a>    
    </li><li><a href="/load/79">Спорт</a>    
    </li><li><a href="/load/80">Разные игры</a>    
    </li><li><a href="/load/81">Игры с физикой</a>    
    </li></ul>    
    </li>    
    <li><a href="" title="Rip by <b>gorod-druzhba.ucoz.ua</b>" class="subfolderstyle">Rip by KIEV-PORTAL.PP.UA</a>    
    <ul style="left: 207px; visibility: visible; display: none; ">    
    <li><a href="/load/83">Flash игры для PC</a>    
    </li><li><a href="/load/84">Flash Мультфильмы</a>    
    </li></ul>    
    </li>    
    <li><a href="" title="Rip by <b>gorod-druzhba.ucoz.ua</b>" class="subfolderstyle">Rip by KIEV-PORTAL.PP.UA</a>    

    <ul style="left: 207px; visibility: visible; display: none; ">    
    <li><a href="/forum/10">Скрипты</a></li>    
    <li><a href="/load/27">Шапки</a></li>    
    <li><a href="/load/28">Шаблоны</a></li>    
    <li><a href="/load/29">Иконки групп</a> </li>    
    <li><a href="/load/30">Кнопки для форума</a> </li>    
    <li><a href="/index/html_tablica/0-47">HTML таблица цветов</a></li></li></ul>    
    </li>    

    <li><a href="http://logical-portal.ru/load/137" title="Rip by <b>http://gorod-druzhba.ucoz.ua</b>" class="subfolderstyle">Rip by KIEV-PORTAL.PP.UA</a>    
    <ul style="left: 207px; visibility: visible; display: none; ">    
    <li><a href="/load/86">Шаблоны</a>    
    </li><li><a href="/load/87">Шаблоны для форума</a>    
    </li><li><a href="/load/88">Модули</a>    
    </li><li><a href="/load/89">Другое</a>    
    </li></ul>    
    </li>    
    <li><a href="" title="Rip by <b>gorod-druzhba.ucoz.ua</b>" class="subfolderstyle">Rip by gorod-druzhba.ucoz.ua</a>    
    <ul style="left: 207px; visibility: visible; display: none; ">    
    <li><a href="/load/91">Все Приколы</a>    
    </li></ul>    
    </li></center>    
    </ul>    
    <div class="v_menu_bottom"></div>   
<!-- Меню by gorod-druzhba.ucoz.ua-->


Форум Города Дружба » Архив » Архив Сообщений » выпадающее меню вертикальное
Страница 1 из 11
Поиск: