Добрый день.
Подскажите пожалуйста, как сделать меню, состоящее из прямоугольников, расположенных сверху-вниз, если нажать на один из них (первого уровня) точно под ним всплывет точно такого же размера прямоугольник (второго уровня) (а если надо и не один) (с красивой анимацией появления), отодвигая все остальные вниз и чтобы текст можно было выровнять по середине, чтобы при наведении можно было анимацию сделать (например...скольжение вниз)
Меню гармошка или как-то так
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
-
auautsprpo
- Читатель

- Сообщения: 8
- Зарегистрирован: 14 авг 2016, 06:48
- Версия Web Builder: 11.2
Реклама
-
Gudwinn
- Эксперт

- Сообщения: 1418
- Зарегистрирован: 07 авг 2015, 18:39
- Версия Web Builder: 11.0.2
- Имя: Кирилл
Меню гармошка или как-то так
auautsprpo писал(а):Источник цитаты и чтобы текст можно было выровнять по середине, чтобы при наведении можно было анимацию сделать (например...скольжение вниз)
Здравствуйте, в сетках вёрстки это сделать можно легко с помощью событий, постараюсь пример накидать, если время будет
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853
Платные консультации
Готовые решения
Скайп: kirill47853
-
auautsprpo
- Читатель

- Сообщения: 8
- Зарегистрирован: 14 авг 2016, 06:48
- Версия Web Builder: 11.2
Меню гармошка или как-то так
буду очень признателен
-
Gudwinn
- Эксперт

- Сообщения: 1418
- Зарегистрирован: 07 авг 2015, 18:39
- Версия Web Builder: 11.0.2
- Имя: Кирилл
Меню гармошка или как-то так
auautsprpo писал(а):Источник цитаты чтобы при наведении можно было анимацию сделать (например...скольжение вниз)
Смотрите, в общем вот накидал образец http://vkontakte.offershop.ru , естественно можно делать кнопки абсолютно любого вида, так же можно сделать раскрытие вместо клика, наведением(поменять событие на mouseover) Если что то такое надо, то выложу архив сюда.
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853
Платные консультации
Готовые решения
Скайп: kirill47853
-
auautsprpo
- Читатель

- Сообщения: 8
- Зарегистрирован: 14 авг 2016, 06:48
- Версия Web Builder: 11.2
Меню гармошка или как-то так
Да) то что нужно) очень нужно) выложите пожалуйста) только почему то у вас фон растягивается вместе с кликом 

-
Gudwinn
- Эксперт

- Сообщения: 1418
- Зарегистрирован: 07 авг 2015, 18:39
- Версия Web Builder: 11.0.2
- Имя: Кирилл
Меню гармошка или как-то так
auautsprpo писал(а):Источник цитаты только почему то у вас фон растягивается вместе с кликом
ну так это естественно, так как всё происходит в сетке, и в сетки фоном картинка с авто подгонкой картинки под высоту сетки. Попозже скину, подосвобожусь чуть чуть.
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853
Платные консультации
Готовые решения
Скайп: kirill47853
-
auautsprpo
- Читатель

- Сообщения: 8
- Зарегистрирован: 14 авг 2016, 06:48
- Версия Web Builder: 11.2
Меню гармошка или как-то так
а можно сделать так чтобы фон растягивался (отъезжал) плавней?)
-
Gudwinn
- Эксперт

- Сообщения: 1418
- Зарегистрирован: 07 авг 2015, 18:39
- Версия Web Builder: 11.0.2
- Имя: Кирилл
Меню гармошка или как-то так
auautsprpo писал(а):Источник цитаты фон растягивался (отъезжал) плавней?)
Вот сделал так что теперь менюшка вообще на фон никак не влияет, везде только сетки использовал, http://vkontakte.offershop.ru (обновите страницу 2 раза), архив вот он http://vkontakte.offershop.ru/menu.zip
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853
Платные консультации
Готовые решения
Скайп: kirill47853
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость

