niiikkki 12 сентября 2015 0 7
Доброе утро всем))
Ребят подскажите пожалуйста как сделать так что бы выпадающее меню разделить на 2 части, сейчас у меня на сайте akc-1.ru есть раздел аренда спетехники и там при нажатии вываливается меню и список ужасно дилнный, я хочу чтобы при нажатии меню раскрывалось и соотвественно было разделено на 2 части на рисунке я постарался нарисовать как это должно выглядеть.

системе используется wayfinder с помощью него выводится меню.

Ссылка на картинку где я постарался нарисовать как это должно выглядеть
7 комментариев
Tramp13571
Tramp1357 12 сентября 2015г в 14:03 #
Если верстка на базе bootstrap, могу порекомендовать YAMM (http://geedmo.github.io/yamm3)
А вот чтобы разбить по разным столбцам — тут, боюсь, сниппет потребуется.
Но есть вариант более, на мой взгляд, правильный — использовать процессор getmenu и modxsmarty.
Почитать об этом можно здесь
В этом случае при формировании вывода будет полный контроль над данными. И скорость обработки гораздо выше.
Я сам уже давно ушел от wayfinder, на процессорах ГОРАЗДО удобнее программировать.
n
niiikkki 12 сентября 2015г в 20:20 #
обязательно почитаю мануалы) спасибо за такую подсказку
Fi1osof1
Fi1osof 12 сентября 2015г в 14:59 #
www.w3schools.com/css/css3_multiple_columns.asp
joxi.ru/DmBXep0u3b76AP
joxi.ru/Q2KndEBsZjBamj

P.S. И задайте фиксированную высоту главным пунктам меню, чтобы при наведении основной блок не дергался.
n
niiikkki 12 сентября 2015г в 20:20 #
круто! все получилось!!!
Спасибо Вам огромное))))
Fi1osof1
Fi1osof 12 сентября 2015г в 21:35 #
Пожалуйста.
Fi1osof1
Fi1osof 12 сентября 2015г в 21:37 #
Мануалы читайте. Одного только -moz-column-count: 2; недостаточно. Так только в мозилле будет работать. Я же ссылку дал на спецификации.
4
4ster 12 сентября 2015г в 21:48 #
Немного не в тему, но, может быть, кому-то будет полезно дополнение по поводу вендорных префиксов: используйте автопрефиксер(https://github.com/postcss/autoprefixer) и забудьте о некрасивых moz-*, webkit-*.ms-* Пишите css3 код, автопрефиксер сделает за вас остальную неприятную работу.
G
Ganaman 07 декабря 2015г в 20:13 #
Есть способ вывести уникальную glyphicon-иконку, каждому пункту меню, если оно (меню) выводится с помощью wayfinder.
G
Ganaman 08 декабря 2015г в 09:16 #
знак вопроса забыл.
Fi1osof1
Fi1osof 08 декабря 2015г в 11:30 #
Вот видите как важны знаки препинания и т.п. :)

Если пунктов меню не много, то можно прям в атрибуты документа joxi.ru/82QV3dNu11wp7A
Авторизуйтесь или зарегистрируйтесь (можно через соцсети ), чтобы оставлять комментарии.