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

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


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

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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: 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
Администратор
Администратор

Женщина

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

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

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/

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

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


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