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

@DzSoft · Регистрация: 09.10.2009

Author24 — интернет-сервис помощи студентам

Всем привет.
Скажу не скрывая: - я любитель игры "Мир танков".
Задумал сделать сайт для клана в котором состою.

Так вот дилемма.
Меню, что верхнее, что нижнее.
Ну никак не идёт.
Первое я ещё более или менее сделал, но вот второе никак.

И так....
Вот код:

HTML5

    <div class="header_menu">
        <ul class="subnav">
            <li><a href="/">ГЛАВНАЯ</a></li>
            <li>
            <li><a href="/">ФОРУМ</a></li>
            <li><a href="/" class="header_menu_news">НОВОСТИ</a><span class="js-visible-wnd b-portal-menu_arrow"></span></li>
            <li><a href="/">ТУРНИРЫ</a></li>
            <span class="" style="width: 36px; padding-left: 25px; padding-right: 45px;"><a href="#" class="">СКАЧАТЬ</a></span>
            <span class="js-visible-wnd b-portal-menu_arrow">
    </span>
        <li>
                <ul class="subnav">
                    <li class=""><a class="" href=""><span class="">Скачать игру</span></a></li>
                    <li><a href="#">CSS</a></li>
                    <li><a href="#">PHP</a></li>
                    <li><a href="#">AJAX</a></li>
                    <li><a href="#">Другое...</a></li>
                </ul>
        </li>
            <li><a href="/twitch.html">СТРИМЫ</a></li>
            <li><a href="/">СТАТИСТИКА</a></li>
            <li><a href="/">КОМЕНТАРИЙ</a></li>
            <li><a href="/">КОМАНДА</a></li>
            <li><a href="/index.php?do=feedback">ОБРАТНАЯ СВЯЗЬ</a></li>
        </ul>
    </div>

CSS

.header_menu {
    position:relative;
    overflow:hidden;
    height:44px;
    background:#1a1c1c url(../images/header_menu.jpg) left top repeat-x;
}
 
.header_menu ul {
    padding:0px;
    margin:0px;
}
 
.header_menu li {
    list-style:none;
    float:left;
    background: url(../images/header_menu_li.png) right top no-repeat;
    padding:0px 2px 0px 0px;
}
 
.header_menu li:last-child {
    background:none;
    padding-right:0px;
}
 
.header_menu li a {
    display:block;
    color:#FFF;
    text-decoration:none;
    height:29px;
    padding:14px 13px 0px 13px;
    font-size:11px;
}
 
.header_menu li:last-child a {
    padding-right:19px;
}
 
.header_menu li a:hover {
    background:#882813 url(../images/header_menu_li_a_hover.png) left top repeat-x;
}
 
.header_menu li a.header_menu_news {
    background: url(../images/header_menu_news.png) right top no-repeat;
    padding-right:26px;
}
 
.header_menu li a.header_menu_news:hover {
    background: url(../images/header_menu_news.png) right bottom no-repeat;
    padding-right:26px;
}

И вот что получилось.
А хотелось сделать такое же меню, как на сайте WoT

В связи с этим прошу у Вас помощи!

@Ballu · 23.05.2015, 12:54

Сообщение от DzSoft

Но вот не могу соединить((((((

ок, тогда не совсем могу понять, что Вы не можете конкретно соединить?)

@DzSoft · 28.05.2015, 23:59 **[ТС]**

Ballu, судя по всему предыдущее меню работает на js
Вот присоединить к этому скрипту не могу.

@Ballu 8 / 8 / 2 Регистрация: 25.12.2014 Сообщений: 62
	23.05.2015, 12:54	21
	Сообщение от DzSoft Но вот не могу соединить(((((( ок, тогда не совсем могу понять, что Вы не можете конкретно соединить?) 0

@DzSoft 1 / 1 / 0 Регистрация: 09.10.2009 Сообщений: 82
	28.05.2015, 23:59 [ТС]	22
	Ballu, судя по всему предыдущее меню работает на js Вот присоединить к этому скрипту не могу. 0

Опции темы