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

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

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

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

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

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
    <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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
.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
Вот присоединить к этому скрипту не могу.

Новые блоги и статьи Все статьи Все блоги /
Запустил конкурс "тем и промптов для текстовых квестов созданных почти чисто ИИ" Adler 06.10.2026 Всем привет! За последние три-четыре дня я создал более 16 текстовых квестовых игр используя преимущественно по одному запросу к ИИ на игру. Мне так понравилось смотреть все ветки/ сцены во всех. . .	ИИ не может найти нужный язык в списке Supersumestria 05.10.2026 Я ему даю вот такое изображение и прошу найти и подчеркнуть немецкий язык. Возвращает он вот это: https:/ / i. **********/ vqBWLe2. png Нужную строчку в 3й колонке просто выдумал. . Это. . .	Новая последняя моя музыка в SUNO zorxor 05.10.2026 Здравствуйте, дорогие мои друзья! С большой радостью я хотел бы представить вам свою новую последнею музыку, которую сгенерировала мне по моей просьбе нейросеть SUNO. С уважением, zorxor. Это. . .	Программный домашний кинотеатр russiannick 27.09.2026 Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js. В помощники взял Яндекс-Алису. Было создано три зала на разные интересы. исторические и ретро сериал Хичкок. . .
Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .	Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .	Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .

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

Опции темы