Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Насчёт меню с раскрывающимися иконками. Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Насчёт меню с раскрывающимися иконками. Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума

для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами 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

Перейти вниз

Насчёт меню с раскрывающимися иконками. Empty Насчёт меню с раскрывающимися иконками.

Сообщение автор Senmayer Июнь 19th 2011, 15:08

По моей задумке я хочу сделать шесть кнопок, три из которых будет над другими тремя.
Визуально мне это удалось сделать, но технически хворает моменты с выплывающими окнами.
При нажатии всплывающие окошки первого ряда кнопок идут под картинки кнопок второго ряда. Можно ли сделать так, чтобы всплывающие окна ложились поверх кнопок второго ряда? scratch
Senmayer
Senmayer
Новичок

Сообщения : 6
Регистрация : 2011-05-12
Благодарности : 0

Без предупреждений

http://pleasepleaseme.2x2tv.net/

Вернуться к началу Перейти вниз

Насчёт меню с раскрывающимися иконками. Empty Re: Насчёт меню с раскрывающимися иконками.

Сообщение автор Dana Domirani Июнь 19th 2011, 15:31

А код + css у всей этой конструкции какой?

P.S. было нечто подобное: https://help.forum2x2.ru/t16514-topic#136128


Насчёт меню с раскрывающимися иконками. Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Насчёт меню с раскрывающимися иконками. Empty Re: Насчёт меню с раскрывающимися иконками.

Сообщение автор Senmayer Июнь 19th 2011, 15:38

Код:
<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;
Senmayer
Senmayer
Новичок

Сообщения : 6
Регистрация : 2011-05-12
Благодарности : 0

Без предупреждений

http://pleasepleaseme.2x2tv.net/

Вернуться к началу Перейти вниз

Насчёт меню с раскрывающимися иконками. Empty Re: Насчёт меню с раскрывающимися иконками.

Сообщение автор Senmayer Июнь 20th 2011, 14:46

есть идеи?
Senmayer
Senmayer
Новичок

Сообщения : 6
Регистрация : 2011-05-12
Благодарности : 0

Без предупреждений

http://pleasepleaseme.2x2tv.net/

Вернуться к началу Перейти вниз

Насчёт меню с раскрывающимися иконками. Empty Re: Насчёт меню с раскрывающимися иконками.

Сообщение автор Senmayer Июнь 26th 2011, 16:46

Насчёт меню с раскрывающимися иконками. Fe4ed25c7a54
на форуме стоит вот такая конструкция.
Первый ряд трёх кнопок: это сами розы.
Второй ряд трёх кнопок: слова.
Нажимая на розы, мы получаем, что выплывающие окна идут под кнопки слов.
Senmayer
Senmayer
Новичок

Сообщения : 6
Регистрация : 2011-05-12
Благодарности : 0

Без предупреждений

http://pleasepleaseme.2x2tv.net/

Вернуться к началу Перейти вниз

Насчёт меню с раскрывающимися иконками. Empty Re: Насчёт меню с раскрывающимися иконками.

Сообщение автор Irbis Июнь 26th 2011, 19:25

У .titl_link замените z-index на 998
Irbis
Irbis
 

Мужчина

Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217

Без предупреждений

https://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Насчёт меню с раскрывающимися иконками. Empty Re: Насчёт меню с раскрывающимися иконками.

Сообщение автор Senmayer Июнь 30th 2011, 13:05

благодарю.)
Senmayer
Senmayer
Новичок

Сообщения : 6
Регистрация : 2011-05-12
Благодарности : 0

Без предупреждений

http://pleasepleaseme.2x2tv.net/

Вернуться к началу Перейти вниз

Насчёт меню с раскрывающимися иконками. Empty Re: Насчёт меню с раскрывающимися иконками.

Сообщение автор Senmayer Июнь 30th 2011, 13:39

и ещё вопрос.
как уменьшить текст в выплывающей панели?
Senmayer
Senmayer
Новичок

Сообщения : 6
Регистрация : 2011-05-12
Благодарности : 0

Без предупреждений

http://pleasepleaseme.2x2tv.net/

Вернуться к началу Перейти вниз

Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения