ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Контакты:

Instagram: a.schmidt1895
WhatsApp: +7(938)116-19-35

Подробнее

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Открыта регистрация участников лотереи "Ролевые заявки" за июль. Не пропустите! Cрок регистрации до 10.08!

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Интерактивное меню со всплывающим контентом

Сообщений 11 страница 13 из 13

1

Интерактивное меню на CSS3 и jQuery
Источник
Скачать исходники

>>> Демо <<<

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

HTML код

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Название кнопки вставляется в тег span

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Всплывающий текст вставляется в div

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

CSS

Вставляется в шаблон стиля или в head (для mybb форума - html верх) с тегами style
Настройки стиля подписаны в комментариях (между звездочками - /* комментарий*/ )

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

jQuery
В html head (для майбб форума - html верх).

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Под html кодом контейнера вставьте скрипт:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

+1

11

Ureshii
Это логично, потому как ширина блока у Вас стала больше, вот смещение теперь и не попадает в нужное место.

.menu li:nth-child(3n-1) .expanded {
    left: 50%;
    margin-left: -310px;
}

Выделенное красным число увеличьте

0

12

sadhaka
спасибо за помощь хз исправила и теперь всё нормально

0

13

Здравствуйте!)
Что-то у меня не всплывает плашка с текстом: http://testforumtest.rusff.ru/viewtopic.php?id=17#p75
Подскажите, пожалуйста, что я сделал не так О.о

0