0
Как Создать Меню Вертикальное С Выпадающем
Автор denet, 12 февр. 2015 10:14
Сообщений в теме: 9
#1
Отправлено 12 Февраль 2015 - 10:14
Как создать меню вертикальное с выпадающем ? при наведение курсора под категория открывалась. (извините пожалуйста если эта тема уже была, просто я смотрел и не нашел) за ранее спасибо!
Дизайн (Пластик)
Дизайн (Пластик)
#2
Отправлено 12 Февраль 2015 - 10:21
denet (12 Февраль 2015 - 10:14) писал:
Как создать меню вертикальное с выпадающем ? при наведение курсора под категория открывалась. (извините пожалуйста если эта тема уже была, просто я смотрел и не нашел) за ранее спасибо!
Дизайн (Пластик)
Дизайн (Пластик)
http://forum.storela...тикальное-меню/
#3
#4
Отправлено 02 Апрель 2015 - 19:10
denet (02 Апрель 2015 - 15:07) писал:
не могу найти то что мне надо, вроде вертикальное нашел только, оно какое то не корректное, мне надо что бы в этой рамки и было вертикальное меню вот в этой рамке было выпадающие меню 123.PNG
#6
Отправлено 07 Апрель 2015 - 03:54
Простите за ожидание, актуален ли вопрос, так как у вас изменена дизайн тема?
#8
Отправлено 08 Апрель 2015 - 02:58
В style.css найдите:
замените на:
далее найдите:
.accordion ul { display: block; margin: 0; overflow: hidden !important; padding: 0 !important; position: relative; width: 100%; }
замените на:
.accordion ul { display: none; left: 255px; margin: 0; overflow: hidden !important; padding: 0 !important; position: absolute; top: 0; width: 100%; } .accordion li:hover > ul { display: block; } .accordion em.open-close { display: none; }
далее найдите:
.product { border: 1px solid #cdcdcd; display: inline-block; padding: 5px; position: relative; transition: all 0.5s linear 0s; vertical-align: top; width: 200px; z-index: 100; }замените на:
.product { border: 1px solid #cdcdcd; display: inline-block; padding: 5px; position: relative; transition: all 0.5s linear 0s; vertical-align: top; width: 200px; }
#9
Отправлено 08 Апрель 2015 - 13:58
Vaccina (08 Апрель 2015 - 02:58) писал:
В style.css найдите:
замените на:
далее найдите:
.accordion ul { display: block; margin: 0; overflow: hidden !important; padding: 0 !important; position: relative; width: 100%; }
замените на:
.accordion ul { display: none; left: 255px; margin: 0; overflow: hidden !important; padding: 0 !important; position: absolute; top: 0; width: 100%; } .accordion li:hover > ul { display: block; } .accordion em.open-close { display: none; }
далее найдите:
.product { border: 1px solid #cdcdcd; display: inline-block; padding: 5px; position: relative; transition: all 0.5s linear 0s; vertical-align: top; width: 200px; z-index: 100; }замените на:
.product { border: 1px solid #cdcdcd; display: inline-block; padding: 5px; position: relative; transition: all 0.5s linear 0s; vertical-align: top; width: 200px; }
он работает но не так как хотелось бы, мне надо что бы при наведение курсора она сама вываливалась, а мне приходится нажимать и только потом она выкатывается, в мобильной версии выглядит ужасно и работает не так хорошо, можно будет сделать так что бы под категории спускались вниз а не в бок, спасибо вам за помощь, уже не первый сайт открывал на этом движке и вы много раз выручали
#10
Отправлено 09 Апрель 2015 - 05:47
К сожалению, по инструкции выше не смогу помочь, так как вы отменили изменения и я не смогу пронаблюдать за результатом, в адаптивном дизайне лучше использовать боковое выпадающее меню.
По поводу вашей второй задумке, попробуйте в конец main.js добавить:
По поводу вашей второй задумке, попробуйте в конец main.js добавить:
$('.infoBox .open-close').hover(function(){ $(this).trigger('click'); return false; });
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных