выпадающее меню вертикальное - Форум Города Дружба - Город Дружба(Сумская область, Ямпольский район)

Попасть в команду портала

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

Страница 1 из 1
1

Архив - только для чтения

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

выпадающее меню вертикальное

-=ШуРиК=-

Дата: Понедельник, 31.01.2011, 11:46:34 | Сообщение # 1

Группа: Гл. Модератор

Сообщений: 342

Награды: 1

Репутация: 0

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

Code

<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>

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

Страница 1 из 1
1