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

mastamatey

  • Захожу иногда
  • 56
  • 0 / 0
[Решено] Вопрос по меню!
« : 20.05.2016, 14:24:28 »
Здравствуйте товарищи! У меня зародилась в голове идея, но как ее реализовать не знаю, надеюсь с вашей помощью, что-то да получится. а идея заключается в следующем. можно ли сделать так чтобы для компьютеров и мобильной вресии   использовались 2 разных модуля меню. Например когда сайт просматривают на компьютере в левой части экрана было обыкновенное меню с подразделами, но когда его просматривали в мобильной версии это меню отключалось, а подключалось другое, которое наоборот в полной версии не видно. Проблема в том что я нашел 2 модуля меню которые меня по отдельности устраивают, а такого чтобы сочетало их скажем так положительные стороны в одном расширении я так и не нашел!  
« Последнее редактирование: 23.05.2016, 13:21:05 от mastamatey »
*

umbabaraumba

  • Живу я здесь
  • 2413
  • 153 / 1
  • если помог можете поставить +
Re: Вопрос по меню!
« Ответ #1 : 20.05.2016, 14:30:43 »
Делаете два разных дива, в каждом публикуете меню, и скрываете - отображаете их в зависимости от разрешения через @media
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

mastamatey

  • Захожу иногда
  • 56
  • 0 / 0
Re: Вопрос по меню!
« Ответ #2 : 20.05.2016, 19:34:34 »
Делаете два разных дива, в каждом публикуете меню, и скрываете - отображаете их в зависимости от разрешения через @media
Спасибо за ответ! Если можно поподробнее или где можно почитать как это сделать! Дело в том что я самоучка и во всем разбираюсь сам, и если честно мне не совсем понятно как это сделать потому и обратился сюда за помощью
*

fbr

  • Завсегдатай
  • 1303
  • 152 / 6
Re: Вопрос по меню!
« Ответ #3 : 20.05.2016, 19:54:24 »
Код: html4strict
/* HTML */
<div class="menu-1">...</div>
<div class="menu-2">...</div>
Код: css
/* CSS */
@media (min-width: 980px) {
.menu-1 {display: none;}
.menu-2 {display: block;}
}
@media (max-width: 979px) {
.menu-1 {display: block;}
.menu-2 {display: none;}
}
*

mastamatey

  • Захожу иногда
  • 56
  • 0 / 0
Re: Вопрос по меню!
« Ответ #4 : 20.05.2016, 20:06:16 »
Код: html4strict
/* HTML */
<div class="menu-1">...</div>
<div class="menu-2">...</div>
Код: css
/* CSS */
@media (min-width: 980px) {
.menu-1 {display: none;}
.menu-2 {display: block;}
}
@media (max-width: 979px) {
.menu-1 {display: block;}
.menu-2 {display: none;}
}
А нужно отдельно создавать HTML и CSS или прописывать в шаблоне?
*

fbr

  • Завсегдатай
  • 1303
  • 152 / 6
Re: Вопрос по меню!
« Ответ #5 : 20.05.2016, 20:45:37 »
создаете 2 модуля в нужных позициях
каждому по суффиксу - m-desc, m-mobile
в стилевом файле шаблона прописываете медиа-стили для соответствующих классов

или, как вариант, классы для соответствующих позиций прописываете в шаблоне
*

mastamatey

  • Захожу иногда
  • 56
  • 0 / 0
Re: Вопрос по меню!
« Ответ #6 : 21.05.2016, 11:32:45 »
создаете 2 модуля в нужных позициях
каждому по суффиксу - m-desc, m-mobile
в стилевом файле шаблона прописываете медиа-стили для соответствующих классов

или, как вариант, классы для соответствующих позиций прописываете в шаблоне

Спасибо большое! Попробую сделать!
*

mastamatey

  • Захожу иногда
  • 56
  • 0 / 0
Re: Вопрос по меню!
« Ответ #7 : 21.05.2016, 17:16:43 »
Спасибо большое за помощь! Сделал как вы сказали и получилось разбить меню! У меня еще вопрос по этой теме, одна из позиций в меню это слева. и когда меню скрывается то позиция остается занятой(т.е. материал сдвинут вправо), можно ли сделать так чтобы когда срывается меню оно как бы освобождает модульную позицию и контент располагается по всему экрану?
*

umbabaraumba

  • Живу я здесь
  • 2413
  • 153 / 1
  • если помог можете поставить +
Re: Вопрос по меню!
« Ответ #8 : 22.05.2016, 00:14:25 »
Ссылка на сайт есть ?
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Филипп Сорокин

  • Сорокин Band
  • 1865
  • 153 / 4
  • разработчик.москва
Re: Вопрос по меню!
« Ответ #9 : 22.05.2016, 00:50:24 »
Делаете два разных дива, в каждом публикуете меню, и скрываете - отображаете их в зависимости от разрешения через @media
Рендеринг меню может быть далеко не шустрым в Joomla! Я считаю, для определения мобилы лучше воспользоваться специальной библиотекой: ссылка. Затем в зависимости от результата проверки выводить тот или иной модуль/позицию. А ещё можно определить мобилу стандартными методами Joomla! см. тему
« Последнее редактирование: 22.05.2016, 01:10:21 от Филипп Сорокин »
*

mastamatey

  • Захожу иногда
  • 56
  • 0 / 0
Re: Вопрос по меню!
« Ответ #10 : 23.05.2016, 13:20:28 »
Огромное всем спасибо за помощь, благодаря вашим советам и методам научного тыка у меня получилось реализовать задуманное!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема с Joomla 3.8.8 (не могу создать пункт меню)

Автор Falkovichs

Ответов: 2
Просмотров: 237
Последний ответ 24.06.2018, 22:28:13
от Falkovichs
После обновления с 2.5.28 до 3.8.7 в пунктах меню не отображаются настройки

Автор tol_drew

Ответов: 12
Просмотров: 514
Последний ответ 30.05.2018, 05:09:05
от tol_drew
Не отображается пункт меню

Автор Frie666

Ответов: 0
Просмотров: 129
Последний ответ 06.05.2018, 14:53:22
от Frie666
Пропало меню на сайте после обновления до версии 3.8.0

Автор Sergei1111

Ответов: 16
Просмотров: 1297
Последний ответ 28.04.2018, 17:38:47
от lexxbry
После обновления до Joomla 3.7 в админке в меню "Компоненты" пропали пункты

Автор lolitma3

Ответов: 35
Просмотров: 4038
Последний ответ 15.04.2018, 19:28:19
от sanek2281