Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.92/474: Рейтинг темы: голосов - 474, средняя оценка - 4.92
 Аватар для selevit
91 / 77 / 6
Регистрация: 08.10.2008
Сообщений: 296

Выделение активного пункта меню

18.08.2010, 11:10. Показов 86887. Ответов 20
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем доброго времени суток, приношу свои извинения, если это уже обсуждалось, собственно суть вопроса - Пункт меню должен подсвечиваться так же как при наведении когда он активен.

Вот код html:
HTML5
1
2
3
4
5
6
<div id="main-navigation-top-item" onclick="location.href='index.html'";>Главная<a href="index.html">Главная</a></div>
<div id="main-navigation-top-item" onclick="location.href='#sources'";>Исходники<a href="#sources">Исходники</a></div>
<div id="main-navigation-top-item" onclick="location.href='#forum'";>Форум<a href="#forum">Форум</a></div>
<div id="main-navigation-top-item" onclick="location.href='#soft'";>Софт<a href="#softl">Софт</a></div>
<div id="main-navigation-top-item" onclick="location.href='#rules'";>Правила<a href="#rules">Правила</a></div>
<div id="main-navigation-top-item" onclick="location.href='#faq'";>FAQ<a href="#faq">FAQ</a></div>
А вот css

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
#main-navigation-top-item {
font-family: Verdana;
font-size: 14px;
text-align: center;
background: url(../images/bg/main-navigation-top-item-bg.png) no-repeat;
width: 125px;
height: 30px;
margin-left: 4px;
padding-top: 6px;
float: left;
color: #fff;
}
#main-navigation-top-item:hover {
background: url(../images/bg/main-navigation-top-item-active-bg.png) no-repeat;
width: 125px;
height: 30px;
color: #b6ed68;
text-decoration: none;
cursor: pointer;
}
 
#main-navigation-top-item:active {
background: url(../images/bg/main-navigation-top-item-active-bg.png) no-repeat;
width: 125px;
height: 30px;
color: #b6ed68;
text-decoration: none;
cursor: pointer;
}
 
#main-navigation-top-item a {
display: none;
}
Заранее спасибо =)
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
18.08.2010, 11:10
Ответы с готовыми решениями:

выделение активного пункта меню
Есть данное меню. &lt;div id=&quot;menu&quot;&gt; &lt;ul&gt; &lt;li class=&quot;current&quot;&gt;&lt;a...

Выделение активного пункта меню
Вопрос простой. Как мне сделать активный пункт меню? Нужно это для класса top-menu. HTML и CSS ниже. Заранее спасибо. &lt;!DOCTYPE...

Выделение активного пункта меню цветом
Ребята, вот есть СSS с сайта, которым занимаюсь. Поскажите как выделить цветом пункт меню, на который наведена мышка? Конкретно...

20
 Аватар для Nazz
898 / 729 / 80
Регистрация: 12.03.2009
Сообщений: 2,804
Записей в блоге: 2
18.08.2010, 17:16
для етого нужно использовать javascript....
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
18.08.2010, 18:03
1. id должен быть в единственном экземпляре на всей странице.
2. хтмл код у вас вообще жесть какая-то.
3. Чтобы активный пункт меню выглядел так же как при наведении нужно:
а. Создать любой класс в css.
б. Скопировать свойства из :hover в этот класс, то есть сделать примерно так:
#main-navigation-top-item:hover, .new-class{все свойства которые применяются для hover}
в. Когда пункт меню становится активным, присваивать ему только что созданный класс.
1
 Аватар для selevit
91 / 77 / 6
Регистрация: 08.10.2008
Сообщений: 296
18.08.2010, 20:13  [ТС]
Alorian, Спасибо большое только последний пункт немного не понял, можно поподробнее =)
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
18.08.2010, 20:20
selevit, что непонятного? Задавайте конкретные вопросы. Я описал полностью весь процесс, подробней это уже не конкретную задачу решать, а объяснять основы css и html.

При наведении к элементу применяются какие то стили, которые вы описали в псевдоклассе :hover, чтобы активный элемент выглядел так же как при наведении, нужно как то выделить этот элемент среди остальных неактивных, например присвоить ему отдельный класс и прописать в этом классе такие же свойства, как при наведении.

Как это еще подробнее описать я не знаю.
1
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
18.08.2010, 20:32
HTML5
1
2
3
4
5
<ul class="menu">
  <li><a href="#">Главная</a></li>
  <li><a href="#">FAQ</a></li>
  <li class="current"><a href="#">Правила</a></li>
</ul>
CSS
1
2
3
ul.menu li a {color:#00c; text-decoration:none;}
ul.menu li a:hover,
ul.menu li.current a {color:#f00; text-decoration:underline;}
1
 Аватар для selevit
91 / 77 / 6
Регистрация: 08.10.2008
Сообщений: 296
18.08.2010, 21:00  [ТС]
Цитата Сообщение от Alorian Посмотреть сообщение
Задавайте конкретные вопросы.
Цитата Сообщение от Alorian Посмотреть сообщение
Когда пункт меню становится активным, присваивать ему только что созданный класс.
я недавно знаком с хтмл и css можно пример пожалуйста

Добавлено через 2 минуты
Vovan-VE, сделал по вашему методу, выделяется активным только один пункт меню, к которому присваиваится этот класс, мне же нужно чтобы при нажатии на пункт меню он оставался, так сказать нажатым.
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
18.08.2010, 21:04
Цитата Сообщение от selevit Посмотреть сообщение
я недавно знаком с хтмл и css можно пример пожалуйста
Вот Vovan-VE привел пример. Нормальное меню именно так и должно выглядеть. Я не стал приводить пример используя ваш html код, потому что там хаос какой то.

Цитата Сообщение от selevit Посмотреть сообщение
Vovan-VE, сделал по вашему методу, выделяется активным только один пункт меню, к которому присваиваится этот класс, мне же нужно чтобы при нажатии на пункт меню он оставался, так сказать нажатым.
Ну так убирайте класс со старого элемента и присваивайте его тому на который кликнули. У активного пункта меню должен быть этот класс, у всех остальных его быть не должно. Если пункт перестает быть активным, убираете класс. Если пункт становится активным присваиваете класс.
1
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
18.08.2010, 21:07
Цитата Сообщение от selevit Посмотреть сообщение
мне же нужно чтобы при нажатии на пункт меню он оставался, так сказать нажатым
Тогда идея такая:
HTML5
1
2
3
4
5
<ul id="menu">
  <li><a href="#" onclick="this.className+=' current';">Главная</a></li>
  <li><a href="#" onclick="this.className+=' current';">FAQ</a></li>
  <li><a href="#" onclick="this.className+=' current';">Правила</a></li>
</ul>
CSS
1
2
3
ul#menu a {color:#00c; text-decoration:none;}
ul#menu a:hover,
ul#menu a.current {color:#f00; text-decoration:underline;}
1
 Аватар для selevit
91 / 77 / 6
Регистрация: 08.10.2008
Сообщений: 296
18.08.2010, 21:29  [ТС]
Цитата Сообщение от Alorian Посмотреть сообщение
Если пункт перестает быть активным, убираете класс. Если пункт становится активным присваиваете класс.
Извиняюсь за тупость, но каким образом можно это сделать, не вручную же

Цитата Сообщение от Alorian Посмотреть сообщение
Я не стал приводить пример используя ваш html код, потому что там хаос какой то.
меню подредактировал, вот что получилось

HTML5
1
2
3
4
5
6
<li onclick="location.href='index.html'";>Главная<a href="index.html">Главная</a></li>
<li onclick="location.href='#sources'";>Исходники<a href="#sources">Исходники</a></li>
<li class="active-button" onclick="location.href='#forum'";>Форум<a href="#forum">Форум</a></li>
<li onclick="location.href='#soft'";>Софт<a href="#soft">Софт</a></li>
<li onclick="location.href='#rules'";>Правила<a href="#rules">Правила</a></li>
<li onclick="location.href='#faq'";>FAQ<a href="#faq">FAQ</a></li>
HTML5
1
onclick="location.href='#faq'"
здесь я дублировал ссылки на блок и обычные текстовые ссылки, которые скрыты в css, т.к. кликабельные блоки не индексируются.

Добавлено через 2 минуты
Vovan-VE, спасибо большое!

Добавлено через 14 минут
Опять возникла проблема - когда ссылки вида #blablabla то все работает, но все элементы выделяются если их нажать поочередно, мне же нужно, чтобы страница обновилась при нажатии на ссылку, а выделение осталось.
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
18.08.2010, 21:42
Цитата Сообщение от selevit Посмотреть сообщение
Извиняюсь за тупость, но каким образом можно это сделать, не вручную же
Начнем издалека. Каким образом у вас вообще меню формируется?
У вас статичный сайт, написанный целиком на html+css?
У вас динамичный сайт, написанный с использованием серверных языков программирования, например, с использованием php?

В зависимости от того как сделан сайт будет меняться и метод выделения активного пункта меню.
Пример.
Используются только html страницы. Весь сайт это 3 html страницы, соответственно в меню 3 пункта — на каждую из страниц по одной ссылке. Меню на всех страницах дублируется и выглядит примерно так:
HTML5
1
2
3
4
5
<ul class="menu">
  <li><a href="/index.html">Главная</a></li>
  <li><a href="/faq.html">FAQ</a></li>
  <li><a href="/rules.html">Правила</a></li>
</ul>
Теперь мы прямо в html главной страницы присваиваем ей класс <li class="current">. В html страницы FAQ мы присваиваем пункту меню, который соответствует этой странице class="current". В html страницы "Правила" мы присваиваем пункту меню, который соответствует этой странице class="current".

В итоге html код меню главной страницы будет выглядеть так:
HTML5
1
2
3
4
5
<ul class="menu">
  <li class="current"><a href="/index.html">Главная</a></li>
  <li><a href="/faq.html">FAQ</a></li>
  <li><a href="/rules.html">Правила</a></li>
</ul>
html код меню страницы "FAQ" будет выглядеть так:
HTML5
1
2
3
4
5
<ul class="menu">
  <li><a href="/index.html">Главная</a></li>
  <li class="current"><a href="/faq.html">FAQ</a></li>
  <li><a href="/rules.html">Правила</a></li>
</ul>
html код меню страницы "Правила" будет выглядеть так:
HTML5
1
2
3
4
5
<ul class="menu">
  <li><a href="/index.html">Главная</a></li>
  <li><a href="/faq.html">FAQ</a></li>
  <li class="current"><a href="/rules.html">Правила</a></li>
</ul>
------------------
Это был пример статичного сайта. Сайты работающие с помощью серверных языков программирования формируют меню, например, из массива и пункту меню той страницы которая формируется сейчас присваивается нужный класс на лету. Если объяснять это все с нуля, то пример такого меню выйдет слишком длинным, поэтому я его приводить не буду.
Думаю я уже написал достаточно для самостоятельных поисков, еще сильнее разжевывать нет смысла. Удачи.
2
 Аватар для selevit
91 / 77 / 6
Регистрация: 08.10.2008
Сообщений: 296
18.08.2010, 21:47  [ТС]
Alorian, Спасибо, разобрался, пока что сайт на html - но это только шаблон, далее буду реализовывать на пхп, код php приводить не надо с этим я разберусь =) Всем спасибо за помошь, вопрос закрыт.
0
0 / 0 / 0
Регистрация: 05.06.2013
Сообщений: 3
05.06.2013, 15:55
перепробовал все советы, все равно не работает. На сайте http://tur.ukraineit.dp.ua, слева есть серое меню, при наведении, окрашивается в красный, необходимо сделать так , чтобы красный цвет оставался активным после перехода, то есть красным цветом помечался тот пунк меню на котором ты в данный момент находишься. Огромная просьба помочь!
0
2 / 2 / 2
Регистрация: 21.05.2009
Сообщений: 300
05.06.2013, 16:02
вот так вот это делается :
CSS
1
2
3
#menu .active,
#menu .active a,
#menu .active span {color:#fff !important;background: #b6001d;} /*сделать активным пункт меню который выбран*/
0
0 / 0 / 0
Регистрация: 05.06.2013
Сообщений: 3
05.06.2013, 16:17
Вставил данную запись в css. Изменений никаких не произошло...
0
2 / 2 / 2
Регистрация: 21.05.2009
Сообщений: 300
05.06.2013, 16:19
нет время разбираться что там у тя за структура меню . у меня на ощьдф такая вот была :
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
#glav li{
  padding: 25px 0px 25px 0;
  border-right: 1px solid #C0D7FB; /* синяя линия */
  border-left: 1px solid #fff; /* белая линия */
}
ul li{
float: left;
}
#glav li a{
text-decoration:none; /*убрать подчёркивания у меню*/
padding:30px 9px 28px 9px;/*ширина бэграунда при наведении курсора*/
display: inline;
color:#464646;
}
#glav li :hover{
background: #b6001d;
color:white;
}
 
li:last-child a {
border-radius: 0 4px 4px 0;/*закругление углов последнего бэкграунда в меню*/
}
#menu1{
width:697px;
margin-left: 378px;
margin-top: -11px;
float: left;
font-family: Cuprum;
}
/*____________end меню навигации*/
/*__________ расстояние между пунктами меню_____*/
li.item-101{
/*font-weight:bold;*/
border-left:none !important;/*убрать линию слева*/
font-size: 20px;
}
li.item-102 {
/*font-weight:bold;*/
font-size: 20px;
}
li.item-103{
/*font-weight:bold;*/
font-size: 20px;
}
li.item-106{
/*font-weight:bold;*/
font-size: 20px;
border-right:none !important;/*убрать линию справа*/
}
.nav.menu{
list-style: none outside none; /*убрать точки из меню навигации*/
}
#menu .active,
#menu .active a,
#menu .active span {color:#fff !important;background: #b6001d;} /*сделать активным пункт меню который выбран*/
/*__________  end расстояние между пунктами меню_____*/
0
0 / 0 / 0
Регистрация: 05.06.2013
Сообщений: 3
05.06.2013, 16:26
У меня так.
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
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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
/* all menu links */
#nas a, #subMenusContainer a{
    text-decoration:none;
    display:block;
    
    
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
  height: 20px;
    line-height: 20px;
    padding-bottom: 10px;
    padding-left: 14px;
    padding-right: 15px;
    padding-top: 10px;
 
}
 
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nas a{
    margin:0;
background-color: rgba(51, 51, 51, 0.8);
color:#fff;
#nas a:active{
color:#3AE2CE!important;
}
    
}
 
#custom_catalog ul li a.reda {
    background-color: rgb(238, 230, 163);
    color: rgb(47, 49, 39);
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}
 
/* Just sub menu links */
#subMenusContainer a, #nas li li a{
    text-align:left;
}
 
/* All menu links on hover or focus */
#nas a:hover, #nas a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nas a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
    background-image:url("http://tur.ukraineit.dp.ua/modules/mod_jt_menumatic/images/menu-background-active.png")  ;
        background-repeat:repeat-x;
    color:#FFF;
}
 
/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nas a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nas li a:hover,
#nas li a:focus{
    background-image:url("http://tur.ukraineit.dp.ua/modules/mod_jt_menumatic/images/menu-background-active.png")  repeat;
    color:#FFF;
}
#nas li.active{
background-image:url("http://tur.ukraineit.dp.ua/modules/mod_jt_menumatic/images/menu-background-active.png")  ;
}
 
 
 
#nas li a:link{
color:#fff!important;
}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
    /*background: url(../images/arrow_right.gif) right center no-repeat;  */
}
 
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
    /*background: url(../images/arrow_right_over.gif) right center no-repeat;*/  
}
 
 Parent Main Menu Links ---[javascript users only]
.mainMenuParentBtn{ 
    /* background: url(../images/arrow_right.gif) right center no-repeat; */
}
 
Parent Main Menu Links on hover or focus ---[javascript users only]
.mainMenuParentBtnFocused{  
    /*background: url(../images/arrow_right_over.gif) right center no-repeat; */
}
 
/* ----[ OLs ULs, LIs, and DIVs ]----*/
 
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
    display:none; 
    position: absolute; 
    overflow:hidden; 
    /*the 2px left & right padding lets you have a 1px border 
      on the ul or ol inside since overflow is set to hidden*/
    padding:0 2px;
    margin:0 0 0 -2px;
}
 
/* All submenu OLs and ULs */
#nas ol, #nas ul, #subMenusContainer ul, #subMenusContainer ol {    
    /*border around submenu goes here*/
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background:#fff;    
    border:1px solid #C3D46A; 
    left:0;
}
 
/* All ULs and OLs */
#nas, #nas ul, #nas ol, #subMenusContainer ul, #subMenusContainer ol { 
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1em;
}
 
/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nas li { 
    /*great place to use a background image as a divider*/
    display:block;
    list-style:none;
    position:relative;
}
 
#subMenusContainer li{
    list-style: none;
}
 
/* main menu ul or ol elment */
#nas{
    display:block;
    list-style:none;
    z-index:5;
    text-align: left;
    display:block;
}
 
#subMenusContainer{ display:block;  position:absolute;  top:0;  left:0; width:100%; height:0;   overflow:visible;   z-index:1000000000; }
 
 
/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nas li li{ float:none; }
 
#nas li li a{ /* Just submenu links*/   
    position:relative;
    float:none;
}
 
#nas li ul { /* second-level lists */
    position: absolute;
    width: 10em;
    margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
 
/* third-and-above-level lists */
#nas li ul ul { margin: -1em 0 0 -1000em; }
#nas li:hover ul ul {   margin-left: -1000em; }
 
 /* lists nested under hovered list items */
#nas li:hover ul{   margin-left: 186px; margin-top:-2.5em;}
#nas li li:hover ul {   margin-left: 10em; }
 
/* extra positioning rules for limited noscript keyboard accessibility */
#nas li a:focus + ul {  margin-left: 186px; margin-top:-2.5em; }
#nas li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em;}
#nas li li a:focus {left:186px;  margin-left:1000em; width:10em;  margin-top:-2.5em;}
#nas li li li a:focus {left:186px; margin-left: 2010em; width: 10em;  margin-top:-2.5em;}
#nas li:hover a:focus{ margin-left: 0; }
#nas li li:hover a:focus + ul { margin-left: 10em; }
HTML5
1
2
3
4
5
6
7
8
<ul id="nas" class="menu">
<li>
<a class="reda" href="/magazin/sredstva-ot-komarov.html">Средства от комаров</a>
</li>
<li>
<a class="reda" href="/magazin/borba-s-muhami.html">Борьба с мухами</a>
</li>
</ul>
Как я понимаю у меня где-то не отрабатывает класс a:active
0
Zhas469
06.03.2014, 03:03
Лучший ответ Сообщение было отмечено Taatshi как решение

Решение

Вот пример готового меню
Вложения
Тип файла: rar меню.rar (93.3 Кб, 457 просмотров)
Почетный модератор
12274 / 5340 / 268
Регистрация: 05.04.2011
Сообщений: 14,086
Записей в блоге: 2
06.03.2014, 09:23
Zhas469, а написать что-то в общем виде? Если в меню 1500 пунктов - код будет ужасен
0
 Аватар для Ukkas
153 / 126 / 39
Регистрация: 02.05.2012
Сообщений: 573
06.03.2014, 10:54
twins717, a:active - это стиль при нажатии, но для того что бы
Цитата Сообщение от twins717 Посмотреть сообщение
красный цвет оставался активным после перехода
это не подходит.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
06.03.2014, 10:54
Помогаю со студенческими работами здесь

Выделение активного пункта меню. Нужен совет!
Доброго времени суток, форумчане! Я в принципе нуб в CSS, помогите решить задачу. Необходимо выделить активные пункты меню (выделяется...

Выделение пункта меню при наведении - только текст или весь блок пункта
Всем привет.Есть меню, при наведении появляется hover но он идет строго по тексту... Можно ли его увеличить?Если да то как? Всем...

Подсветка активного пункта меню
Доброго времени суток! Народ помогите сделать подсветку активного пункта меню, пробовал через focus и activ но нечего не происходит вот...

Рамка для активного пункта меню
&lt;li class =&quot;lis1&quot;&gt;&lt;a href=&quot;#home&quot;&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li class =&quot;lis1&quot;&gt;&lt;a href=&quot;#news&quot;&gt;News&lt;/a&gt;&lt;/li&gt; &lt;li class =&quot;lis1&quot;&gt;&lt;a...

Выделение активного меню
Не получается сделать, чтобы ссылка была другого стиля, если она активная. Гугл дает массу инфы - а результата 0 .link a { ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
20
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru