Горизонтальное выпадающее меню как у 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

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

@Temiks · 02.01.2015, 11:22

DzSoft, почему вы изначально subnav не скрываете? что бы в дальнейшем при наведении оно выпадало, а не отображалось изначально.
Просто пример, как сделать выпадающее меню:

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
            /*Обнуляем отступы*/
            ul, li {
                margin:0;
                padding:0;
                list-style-type:none;
            }
 
            /*Задаём параметры блока, содержащего основное меню*/
            #menu {
 
 
            }
 
            /*Задаём стили для разделов нашего меню*/
            #menu > li {
                display:inline-block;
                height:20px;
                position:relative;
            }
 
            /*Стили для скрытого выпадающего меню*/
            #menu > li > ul {
                position:absolute;
                top:20px;
                display:none;
            }
 
            /*Делаем скрытую часть видимой*/
            #menu > li:hover > ul {
                display:block;
            }

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
    <ul id="menu">
        <li><a href="#">Раздел1</a></li>
        <li><a href="#">Раздел2</a>
            <ul>
                <li><a href="#">Подраздел1</a></li>
                <li><a href="#">Подраздел2</a></li>
                <li><a href="#">Подраздел3</a></li>
            </ul>
        </li>
        <li><a href="#">Раздел2</a>
            <ul>
                <li><a href="#">Подраздел1</a></li>
                <li><a href="#">Подраздел2</a></li>
                <li><a href="#">Подраздел3</a></li>
                <li><a href="#">Подраздел4</a></li>
                <li><a href="#">Подраздел5</a></li>
                <li><a href="#">Подраздел6</a></li>
                <li><a href="#">Подраздел7</a></li>
            </ul>
        </li>
    </ul>

@DzSoft · 02.01.2015, 14:19 **[ТС]**

то, что скрыть, это понятно.
но у тебя при наведении, а мне нужно, что бы было http://worldoftanks.ru/
меню, то что Главная : Игра : Клановые воины......
Вот не могу додуматься, как сделать такое же меню.
Там в 1 кнопки 2. (Раздел ИГРА в правой части выпадающее меню), а при наведении оно не выпадает. Нужно нажать на неё, что бы выпало.
Рипом заниматься, вообще нет смысла. Да и не красиво.

@Temiks · 02.01.2015, 14:38

DzSoft, тогда лучше делать с использованием JavaScript

@DzSoft · 02.01.2015, 15:51 **[ТС]**

Temiks, Спасибо, хорошее решение. Поработаю над, ним. Вопрос только в том, что у меня при добавлении кнопки со стрелкой вниз не получается ничего.
Я и дивом пытался и в данном случаи через

HTML5
1
2
3
 <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>

Что бы кнопка получилась, как на сайте.
Но она у меня убегает постоянно.
Может дашь подсказку?

@Temiks · 02.01.2015, 20:41

DzSoft, стрелки можно сделать, к примеру, так (в примере желтые блоки), а дальше уже тянуть код из codrops.

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
            ul, li {
                margin: 0;
                padding: 0;
                list-style: none;
            }
 
            .header-menu {
                overflow: hidden;
            }
 
            .header-menu li {
                position: relative;
                float: left;
            }
            .header-menu > li > a {
                display: block;
                padding: 10px 30px;
                border-right: 1px solid #ffffff;
                background: #000;
                color: #fff;
                text-decoration: none;
            }
 
            .header-menu .arrow-drop-down {
                cursor: pointer;
                position: absolute;
                top: 0;
                right: 0;
                width: 10px;
                height: 50px;
                background: yellow;
            }

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
    <ul class="header-menu" >
        <li>
            <a href="#">Главная</a>
        </li>
        <li>
            <a href="#">Скачать</a>
            <span class="arrow-drop-down" >&nbsp;</span>
        </li>
        <li>
            <a href="#">Литература</a>
            <span class="arrow-drop-down" >&nbsp;</span>
        </li>
        <li>
            <a href="#">Об игре</a>
        </li>
    </ul>

@DzSoft · 03.01.2015, 07:07 **[ТС]**

Нашёл у себя меню.
Подойдет под то, что мне нужно.
Так вот у меня есть одним файлом картинка (я её прикрепил) и прикрепил для наглядности само меню.

Я конечно же могу раскидать в фотошопом все картинки, но опять будет не совсем то, что нужно.
Как мне указать точное расположение картинки которую мне нужно, что бы отображалась????

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
<script type="text/javascript" src="menu_js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 
    $("ul.subnav").parent().append("<span></span>");
 
    $("ul.topnav li span").click(function() {
 
        $(this).parent().find("ul.subnav").slideDown('fast').show();
 
        $(this).parent().hover(function() {
        }, function(){
            $(this).parent().find("ul.subnav").slideUp('slow');
        });
 
        }).hover(function() {
            $(this).addClass("subhover");
 
            $(this).removeClass("subhover");
    });
 
});
</script> 
<style type="text/css">
body {
    margin: 0; padding: 0;
    font: 10px normal Arial, Helvetica, sans-serif;
    background: #ddd url(images/menu_img/body_bg.gif) repeat-x;
}
.container {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
#header {
    background: url(images/menu_img/header_bg.gif) no-repeat center top;
    padding-top: 120px;
}
#header .disclaimer {
    color: #999;
    padding: 100px 0 7px 0;
    text-align: right;
    display: block;
    position: absolute;
    top: 0; right: 0;
}
 
ul.topnav {
    list-style: none;
    padding: 0 20px;    
    margin: 0;
    float: left;
    width: 920px;
    background: #222;
    font-size: 1.2em;
    background: url(images/menu_img/topnav_bg.gif) repeat-x;
}
ul.topnav li {
    float: left;
    margin: 0;  
    padding: 0 15px 0 0;
    position: relative;
}
ul.topnav li a{
    padding: 10px 5px;
    color: #fff;
    display: block;
    text-decoration: none;
    float: left;
}
ul.topnav li a:hover{
    background: url(images/menu_img/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { 
    width: 17px;
    height: 35px;
    float: left;
    background: url(images/menu_img/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} 
ul.topnav li ul.subnav {
    list-style: none;
    position: absolute; 
    left: 0; top: 35px;
    background: #333;
    margin: 0; padding: 0;
    display: none;
    float: left;
    width: 170px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border: 1px solid #111;
}
ul.topnav li ul.subnav li{
    margin: 0; padding: 0;
    border-top: 1px solid #252525; 
    border-bottom: 1px solid #444;
    clear: both;
    width: 170px;
}
html ul.topnav li ul.subnav li a {
    float: left;
    width: 145px;
    background: #333 url(images/menu_img/dropdown_linkbg.gif) no-repeat 10px center;
    padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover {
    background: #222 url(images/menu_img/dropdown_linkbg.gif) no-repeat 10px center;
}
#header img {
    margin: 20px 0 10px;
}
</style>
 
</head> 
 
<body> 
<div class="container">
    <div id="header">
        <ul class="topnav">
            <li><a href="#">Главная</a></li>
            <li>
                <a href="#">Документация</a>
                <ul class="subnav"> 
                    <li><a href="#">jQuery</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="#">Скачать</a> 
                <ul class="subnav">
                    <li><a href="#">Иконки</a></li>
                    <li><a href="#">Шаблоны</a></li> 
                    <li><a href="#">Скрипты</a></li>
                    <li><a href="#">Фоны</a></li> 
                    <li><a href="#">Другое...</a></li> 
                </ul>
            </li>
            <li><a href="#">Форум</a></li>
            <li><a href="#">Товары</a></li>
            <li><a href="#">Блог</a></li>
            <li><a href="#">О нас</a></li>
        </ul>
    </div>
</div>
 
 
</body>
</html>

@DzSoft · 03.01.2015, 07:09 **[ТС]**

Стрелочек, тут три. Одна потухшая, потом при наведении на большую кнопку и нижняя когда наводишь на саму стрелку. ну и другие фоны этих же кнопок. Тухлый, переходная и активная

Я попытался заменить картинки, но они почему-то так и не работают.

@Temiks · 03.01.2015, 14:04

DzSoft,фон можно менять при помощи background-position. Сделал в прикрепленном архиве.

@DzSoft · 04.01.2015, 00:05 **[ТС]**

Спасибо, большое
но хотелось самому. Только домой пришёл и хотел подглядеть у танкистов.

Добавлено через 1 час 6 минут
Temiks, Я так понимаю. Выпадающий список у меня на JavaScript'е???
То есть если я присоединю и всё пропишу так, как нужно. в css мне лезть не нужно?
Ну кроме того, что если я фон хочу поменять. правильно?

Добавлено через 42 минуты
Нашёл статейку. как раз про тег <span> говориться. Но не получается убрать и сделать по стрелочки выпадающим. Хотя оооооочень схоже.. Я делаю по примеру 1. Что я делаю не так?

Вот статься http://www.webmasters.by/artic... yling.html

@DzSoft · 06.01.2015, 09:45 **[ТС]**

Помогите пожалуйста.

@DzSoft · 14.02.2015, 14:17 **[ТС]**

Привет все!
Прошу помощи.
Не могу я сделать, что бы работало по нажатию на стрелочку вниз.
Внизу два кода которые подогнал мне Temiks. Благодарности, нет предела.

Кликните здесь для просмотра всего текста

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
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
 
.header-menu {
    overflow: hidden;
    background: url(bg-menu.gif) repeat-x #000;
}
 
.header-menu li {
    position: relative;
    float: left;
}
.header-menu li:hover {
 
    background: url(b-portal-menu.png) repeat-x 0 0;
}
 
.header-menu > li > a {
    display: block;
    padding: 12px 36px;
    border-left: 1px solid #353538;
    border-right: 1px solid #161618;
    color: #fff;
    text-decoration: none;
}
.header-menu > li > a:hover {
    border-left-color: #923C26;
}
 
.header-menu .arrow-drop-down {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 50px;
    background: url(b-portal-menu.png) no-repeat 0 -264px;
}
 
.header-menu .active, .header-menu .active:hover {
    background: url(b-portal-menu.png) repeat-x 0 -44px;
}
.header-menu .arrow-drop-down:hover {
    background: url(b-portal-menu.png) no-repeat 0 -352px;
}

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
27
28
29
30
<html>
<head lang="ru">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
    <title>MENU</title>
 
    <link rel="stylesheet" href="main.css">
</head>
<body>
    <ul class="header-menu" >
        <li class="active" >
            <a href="#">ГЛАВНАЯ</a>
        </li>
        <li>
            <a href="#">НОВОСТИ</a>
        </li>
        <li>
            <a href="#">КЛАН</a>
            <span class="arrow-drop-down" >&nbsp;</span>
        </li>
        <li>
            <a href="#">СТРИМЫ</a>
        </li>
        <li>
            <a href="#">СВЯЗЬ</a>
        </li>
    </ul>
</body>
</html>

Так вот. Есть и ещё одно у меня меню, на основании которого сделано это.
Пост №7

Так вот даже опираясь на это меню, у меня не получается связать, что бы выпадало.
Стили меню + js Пост №1

Кликните здесь для просмотра всего текста

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
body {
    margin: 0; padding: 0;
    font: 10px normal Arial, Helvetica, sans-serif;
    background: #ddd url(images/menu_img/body_bg.gif) repeat-x;
}
.container {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
#header {
    background: url(images/menu_img/header_bg.gif) no-repeat center top;
    padding-top: 120px;
}
#header .disclaimer {
    color: #999;
    padding: 100px 0 7px 0;
    text-align: right;
    display: block;
    position: absolute;
    top: 0; right: 0;
}
 
ul.topnav {
    list-style: none;
    padding: 0 20px;
    margin: 0;
    float: left;
    width: 920px;
    background: #222;
    font-size: 1.2em;
    background: url(images/menu_img/topnav_bg.gif) repeat-x;
}
ul.topnav li {
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative;
}
ul.topnav li a{
    padding: 10px 5px;
    color: #fff;
    display: block;
    text-decoration: none;
    float: left;
}
ul.topnav li a:hover{
    background: url(images/menu_img/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span {
    width: 17px;
    height: 35px;
    float: left;
    background: url(images/menu_img/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;}
ul.topnav li ul.subnav {
    list-style: none;
    position: absolute;
    left: 0; top: 35px;
    background: #333;
    margin: 0; padding: 0;
    display: none;
    float: left;
    width: 170px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border: 1px solid #111;
}
ul.topnav li ul.subnav li{
    margin: 0; padding: 0;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #444;
    clear: both;
    width: 170px;
}
html ul.topnav li ul.subnav li a {
    float: left;
    width: 145px;
    background: #333 url(images/menu_img/dropdown_linkbg.gif) no-repeat 10px center;
    padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover {
    background: #222 url(images/menu_img/dropdown_linkbg.gif) no-repeat 10px center;
}
#header img {
    margin: 20px 0 10px;
}

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$(document).ready(function(){
 
    $("ul.subnav").parent().append("<span></span>");
 
    $("ul.topnav li span").click(function() {
 
        $(this).parent().find("ul.subnav").slideDown('fast').show();
 
        $(this).parent().hover(function() {
        }, function(){
            $(this).parent().find("ul.subnav").slideUp('slow');
        });
 
        }).hover(function() {
            $(this).addClass("subhover");
 
            $(this).removeClass("subhover");
    });
 
});

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>

@DzSoft · 14.02.2015, 16:25 **[ТС]**

Редактирую, пытаюсь связать и никак.....
https://jsfiddle.net/g7fsggh6/1/

@DzSoft · 16.02.2015, 20:57 **[ТС]**

Тема остается открытой.
https://jsfiddle.net/48rn5no8/

Помогите пожалуйста. Что бы продолжить наполнение контента.

Заранее спасибо

@DzSoft · 23.03.2015, 21:31 **[ТС]**

Ребят. Прошу помощи.

Спасибо!

@Fedor92 · 23.03.2015, 21:59

DzSoft, честно говоря не понимаю что Вы решили изобразить... В нэте есть много примеров горизонтальных многоуровневых меню, уже готовых, с вложенными подуровнями, которые и редактировать не надо нужно элементарно вбить данные, а Вы устраиваете танцы с бубном...

@DzSoft · 24.03.2015, 07:03 **[ТС]**

Fedor92, Смотрел, но задумка изначально была сделать меню по нажатию кнопки (развернул, свернул). А в нете пока нашел только при наводке мыши. В этом меню так все и реализовано.

По этому большое желание его доделать. Помогите, пожалуйста, если Вам не сложно.

@DzSoft · 21.05.2015, 23:56 **[ТС]**

Прошу помощи. Не могу понять, как связать.

@Ballu · 22.05.2015, 10:11

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

Прошу помощи. Не могу понять, как связать.

А зачем все это через JS?
Можно и проще же.. раз, два, три, четыре, пять, шесть

@DzSoft · 22.05.2015, 23:51 **[ТС]**

Спасибо, Братко, но хотелось именно так.
Какие-то варианты переделал, под то, что нужно. Но вот не могу соединить((((((

Новые блоги и статьи Все статьи Все блоги /
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .

@DzSoft 1 / 1 / 0 Регистрация: 09.10.2009 Сообщений: 82
	02.01.2015, 14:19 [ТС]
	то, что скрыть, это понятно. но у тебя при наведении, а мне нужно, что бы было http://worldoftanks.ru/ меню, то что Главная : Игра : Клановые воины...... Вот не могу додуматься, как сделать такое же меню. Там в 1 кнопки 2. (Раздел ИГРА в правой части выпадающее меню), а при наведении оно не выпадает. Нужно нажать на неё, что бы выпало. Рипом заниматься, вообще нет смысла. Да и не красиво. 0

@Temiks 7 / 7 / 5 Регистрация: 18.11.2014 Сообщений: 64
	02.01.2015, 14:38
	DzSoft, тогда лучше делать с использованием JavaScript 0

@DzSoft 1 / 1 / 0 Регистрация: 09.10.2009 Сообщений: 82
	03.01.2015, 07:09 [ТС]
	Стрелочек, тут три. Одна потухшая, потом при наведении на большую кнопку и нижняя когда наводишь на саму стрелку. ну и другие фоны этих же кнопок. Тухлый, переходная и активная Я попытался заменить картинки, но они почему-то так и не работают. 0

@DzSoft 1 / 1 / 0 Регистрация: 09.10.2009 Сообщений: 82
	04.01.2015, 00:05 [ТС]
	Спасибо, большое но хотелось самому. Только домой пришёл и хотел подглядеть у танкистов. Добавлено через 1 час 6 минут Temiks, Я так понимаю. Выпадающий список у меня на JavaScript'е??? То есть если я присоединю и всё пропишу так, как нужно. в css мне лезть не нужно? Ну кроме того, что если я фон хочу поменять. правильно? Добавлено через 42 минуты Нашёл статейку. как раз про тег <span> говориться. Но не получается убрать и сделать по стрелочки выпадающим. Хотя оооооочень схоже.. Я делаю по примеру 1. Что я делаю не так? Вот статься http://www.webmasters.by/artic... yling.html 0

@DzSoft 1 / 1 / 0 Регистрация: 09.10.2009 Сообщений: 82
	06.01.2015, 09:45 [ТС]
	Помогите пожалуйста. 0

@DzSoft 1 / 1 / 0 Регистрация: 09.10.2009 Сообщений: 82
	14.02.2015, 16:25 [ТС]
	Редактирую, пытаюсь связать и никак..... https://jsfiddle.net/g7fsggh6/1/ 0

@DzSoft 1 / 1 / 0 Регистрация: 09.10.2009 Сообщений: 82
	16.02.2015, 20:57 [ТС]
	Тема остается открытой. https://jsfiddle.net/48rn5no8/ Помогите пожалуйста. Что бы продолжить наполнение контента. Заранее спасибо 0

@DzSoft 1 / 1 / 0 Регистрация: 09.10.2009 Сообщений: 82
	23.03.2015, 21:31 [ТС]
	Ребят. Прошу помощи. Спасибо! 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	23.03.2015, 21:59
	DzSoft, честно говоря не понимаю что Вы решили изобразить... В нэте есть много примеров горизонтальных многоуровневых меню, уже готовых, с вложенными подуровнями, которые и редактировать не надо нужно элементарно вбить данные, а Вы устраиваете танцы с бубном... 0

@DzSoft 1 / 1 / 0 Регистрация: 09.10.2009 Сообщений: 82
	24.03.2015, 07:03 [ТС]
	Fedor92, Смотрел, но задумка изначально была сделать меню по нажатию кнопки (развернул, свернул). А в нете пока нашел только при наводке мыши. В этом меню так все и реализовано. По этому большое желание его доделать. Помогите, пожалуйста, если Вам не сложно. 0

@DzSoft 1 / 1 / 0 Регистрация: 09.10.2009 Сообщений: 82
	21.05.2015, 23:56 [ТС]
	Прошу помощи. Не могу понять, как связать. 0

@DzSoft 1 / 1 / 0 Регистрация: 09.10.2009 Сообщений: 82
	22.05.2015, 23:51 [ТС]
	Спасибо, Братко, но хотелось именно так. Какие-то варианты переделал, под то, что нужно. Но вот не могу соединить(((((( 0