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

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


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

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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Генератор подарков
автор irina27 Сегодня в 13:21

» Убрать значок
автор Леший Вчера в 12:15

» Свечение для группы а не для юзера
автор Kuzbas63 Вчера в 9:01

» Оформить имя
автор Kuzbas63 Вчера в 8:59

» Красивый путь по сайту
автор Kuzbas63 Вчера в 7:05

» Как убрать надписи в низу форума
автор Kuzbas63 Ср 16 Авг - 13:51

» Как сократить расстояние
автор Lory Ср 16 Авг - 10:12

» Искрящийся ник у групп
автор Kuzbas63 Ср 16 Авг - 8:23

» Как отредактировать цвет на кнопках
автор Lory Вт 15 Авг - 23:58

» Как настроить конфиденциальность
автор катарсис Вт 15 Авг - 21:29

Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Senmayer в Вс 19 Июн - 15:08

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

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

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

http://pleasepleaseme.2x2tv.net/

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

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

Сообщение автор Dana Domirani в Вс 19 Июн - 15:31

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

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



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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Senmayer в Вс 19 Июн - 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;
avatar
Senmayer
Новичок

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

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

http://pleasepleaseme.2x2tv.net/

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

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

Сообщение автор Senmayer в Пн 20 Июн - 14:46

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

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

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

http://pleasepleaseme.2x2tv.net/

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

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

Сообщение автор Senmayer в Вс 26 Июн - 16:46


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

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

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

http://pleasepleaseme.2x2tv.net/

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

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

Сообщение автор Irbis в Вс 26 Июн - 19:25

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

Мужчина

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

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

http://help.forum2x2.ru/u849

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

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

Сообщение автор Senmayer в Чт 30 Июн - 13:05

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

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

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

http://pleasepleaseme.2x2tv.net/

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

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

Сообщение автор Senmayer в Чт 30 Июн - 13:39

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

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

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

http://pleasepleaseme.2x2tv.net/

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

Предыдущая тема Следующая тема Вернуться к началу


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