0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 1442 Просмотров
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
Уважаемые Гуру, прошу совета-помощи, натолкните на путь истинный.
Задача возникла при адаптации шаблона для мобильных устройств - необходимо вывести меню аля Google:
пиктограмма которая выводит выплывающее меню слева.
 В Bootstrap это решается компонентом Navbar.
YOOtheme, я так понимаю, тоже его использует, располагая меню в позиции Offcanvas.
Использовал готовые шаблоны (типа Мастер) вопросов не было, а сел ручками сделать  - вот тут-то репу и зачесал.
Наведите, пожалйста, или на первоисточники (с Bootstrap с налету не получилось) или готовые решения как это реализовать в шаблоне.
*

Shustry

  • Moderator
  • 6436
  • 743 / 3
  • Рисую дизайны
Re: Вывод меню при адаптивной верстке
« Ответ #1 : 10.12.2014, 18:40:48 »
Не обязательно же WARP подключать. Можно просто UIkit юзать. На офф.сайте есть примеры offcanvas-меню.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
Re: Вывод меню при адаптивной верстке
« Ответ #2 : 10.12.2014, 19:42:36 »
Спасибо
Цитировать
Можно просто UIkit юзать. На офф.сайте есть примеры offcanvas-меню.
,
пока нашел (кстати у себя в закладках)
http://getuikit.com/docs/offcanvas.html
но этого пока мало. А может втыкаю.
По порядку, как я понимаю:
- от UIkit-а мне надо JavaScript обработки data-uk-offcanvas и CSS (наверное только с offcanvas, зачем остальным перегружать)
но как правильно кастомизировать так и не пойму (в Bootstrap галочки поставил и получил :) ;
- прописав в шаблоне атрибут data-uk-offcanvas="{target:'#ID'}" скипт на автомате его обработает и выведет меню из позиции оffcanvas;
а может и не так :(
Но как это реализовать? Тупо пробовать? Почитать быю
*

AlekVolsk

  • Гуру
  • 6906
  • 409 / 4
Re: Вывод меню при адаптивной верстке
« Ответ #3 : 14.12.2014, 19:34:37 »
Так исходники мастера посмотрите, вроде этот момент нагляден достаточно. Сам правда, только начал копаться в нем, но вопросов в этом моменте у меня пока не возникло.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема с offcanvas для меню

Автор dr.red

Ответов: 3
Просмотров: 5723
Последний ответ 19.10.2019, 16:47:35
от darkwood
Как применить к пунктам меню определенный стиль?

Автор Ezio_Auditore

Ответов: 4
Просмотров: 1462
Последний ответ 17.01.2017, 22:43:27
от Ezio_Auditore
Как реализовать рисованное меню?

Автор Ezio_Auditore

Ответов: 4
Просмотров: 1038
Последний ответ 13.01.2017, 22:38:30
от Ezio_Auditore
Запрет на вывод компонента контента

Автор Ezio_Auditore

Ответов: 12
Просмотров: 1474
Последний ответ 13.01.2017, 18:09:01
от fsv
Условие по существованию пункта меню

Автор Taatshi

Ответов: 7
Просмотров: 1628
Последний ответ 09.03.2016, 23:00:18
от Taatshi