Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Не корректное отображение картинокавтор Luz Вчера в 12:40
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Вчера в 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
Насчёт меню с раскрывающимися иконками.
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Насчёт меню с раскрывающимися иконками.
По моей задумке я хочу сделать шесть кнопок, три из которых будет над другими тремя.
Визуально мне это удалось сделать, но технически хворает моменты с выплывающими окнами.
При нажатии всплывающие окошки первого ряда кнопок идут под картинки кнопок второго ряда. Можно ли сделать так, чтобы всплывающие окна ложились поверх кнопок второго ряда?
Визуально мне это удалось сделать, но технически хворает моменты с выплывающими окнами.
При нажатии всплывающие окошки первого ряда кнопок идут под картинки кнопок второго ряда. Можно ли сделать так, чтобы всплывающие окна ложились поверх кнопок второго ряда?
Re: Насчёт меню с раскрывающимися иконками.
А код + css у всей этой конструкции какой?
P.S. было нечто подобное: https://help.forum2x2.ru/t16514-topic#136128
P.S. было нечто подобное: https://help.forum2x2.ru/t16514-topic#136128
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Насчёт меню с раскрывающимися иконками.
- Код:
<div id="page-body">
<div id="twomenu">
<center><div class="titl_link">
<a href="#" class="upp"><img src="http://xmages.net/storage/10/1/0/5/9/upload/6f05fdff.png" alt="Игра" title="Игра" /></a>
<div class="slide_link">
<a href="#">Заголовок 3-1</a>
<a href="#">Заголовок 3-2</a>
<a href="#">Заголовок 3-3</a>
</div></div>
<div class="titl_link">
<a href="#" class="upp"><img src="http://xmages.net/storage/10/1/0/5/9/upload/6f05fdff.png" alt="Администрация" title="Администрация" /></a>
<div class="slide_link">
<a href="#">Заголовок 3-1</a>
<a href="#">Заголовок 3-2</a>
<a href="#">Заголовок 3-3</a>
</div></div>
<div class="titl_link">
<a href="#" class="upp"><img src="http://xmages.net/storage/10/1/0/5/9/upload/6f05fdff.png" alt="Информация" title="Информация" /></a>
<div class="slide_link">
<a href="#">Заголовок 3-1</a>
<a href="#">Заголовок 3-2</a>
<a href="#">Заголовок 3-3</a>
</div></div>
</div> </br>
<div id="twomenu">
<center><div class="titl_link">
<a href="#" class="upp"><img src="http://xmages.net/storage/10/1/0/5/3/upload/31b39492.png" alt="Партнёры" title="Партнёры" /></a>
<div class="slide_link">
<a href="#">Заголовок 3-1</a>
<a href="#">Заголовок 3-2</a>
<a href="#">Заголовок 3-3</a>
</div></div>
<div class="titl_link">
<a href="#" class="upp"><img src="http://xmages.net/storage/10/1/0/c/a/upload/131ffe91.png" alt="Полезные ссылки" title="Полезные ссылки" /></a>
<div class="slide_link">
<a href="#">Заголовок 3-1</a>
<a href="#">Заголовок 3-2</a>
<a href="#">Заголовок 3-3</a>
</div></div>
<div class="titl_link">
<a href="#" class="upp"><img src="http://xmages.net/storage/10/1/0/3/1/upload/fabf1dac.png" alt="Музыка" title="Музыка" /></a>
<div class="slide_link">
<a href="#">Заголовок 3-1</a>
<a href="#">Заголовок 3-2</a>
<a href="#">Заголовок 3-3</a>
</div></div>
</div>
</center>
- Код:
.titl_link {
display:inline-block;
position: relative;
/* для корректного отображения в старых браузерах */
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
z-index: 999;
}
/* Кнопка меню */
.upp, .upp2 {
text-align:center;
margin-bottom: 10px;
margin-right: 3px;
}
/* Разворачивающаяся панель */
.slide_link {
display: none;
width: 200px;
border: 1px solid #571919;
background-color:#000000;
position: absolute;
z-index: 999;
top: 80px;
left: 30px;
}
/* Ссылки на разворачивающейся панели */
.slide_link a {
display: block;
background-color:#000000;
padding: 2px 5px 2px;
margin-bottom: 5px;
}
/* Ссылки на разворачивающейся панели при наведении */
.slide_link a:hover {
background-color: #000000;
color: #fff;
Re: Насчёт меню с раскрывающимися иконками.
на форуме стоит вот такая конструкция.
Первый ряд трёх кнопок: это сами розы.
Второй ряд трёх кнопок: слова.
Нажимая на розы, мы получаем, что выплывающие окна идут под кнопки слов.
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения