Форум русской поддержки Joomla!® CMS
08.12.2016, 00:18:40 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Меню в мобильном виде

 (Прочитано 179 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Dimir
Завсегдатай
*****

Репутация: +13/-1
Offline Offline

Пол: Мужской
Сообщений: 409



« : 12.10.2016, 22:50:55 »

Подскажите пожалуйста, каким образом спрятать фиксированную позицию при просмотре с мобильного под кнопку ? ( что б открывалось при нажатии или наведении. Меню сделал так
Шаблон Protostar , в  index.php прописал в div кнопки со ссылками и в CSS присвоил
Код:
{ position: fixed; z-index: 1000; top: 0px; left: 20px;
background:#FFFFFF ;
height:50px;
width:100%;}
Менюшка на ноуте вссе нормально и как надо, но вот на мобильнике перекрывает пол экрана, как это спрятать под кнопку ? Спасибо за внимание
 
Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #1 : 12.10.2016, 23:00:04 »

Ну тут или js прятать/показывать, или чекбоксом, например. Вы верстать умеете?
Записан
Dimir
Завсегдатай
*****

Репутация: +13/-1
Offline Offline

Пол: Мужской
Сообщений: 409



« Ответ #2 : 12.10.2016, 23:06:03 »

Ну тут или js прятать/показывать, или чекбоксом, например. Вы верстать умеете?
Чесно сказать не очень, но учусь быстро
Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #3 : 13.10.2016, 00:18:17 »

Чесно сказать не очень, но учусь быстро

Разбирайте, учитесь. Что не понятно, спрашивайте.
Записан
Dimir
Завсегдатай
*****

Репутация: +13/-1
Offline Offline

Пол: Мужской
Сообщений: 409



« Ответ #4 : 15.10.2016, 22:04:19 »

Разбирайте, учитесь. Что не понятно, спрашивайте.
c первого раза все как надо, стили поправить только надо под себя
Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #5 : 15.10.2016, 22:59:13 »

Обратите внимание, порядок элементов важен!
label → input → div-с-меню
Записан
Dimir
Завсегдатай
*****

Репутация: +13/-1
Offline Offline

Пол: Мужской
Сообщений: 409



« Ответ #6 : 20.10.2016, 23:11:17 »

Обратите внимание, порядок элементов важен!
label → input → div-с-меню
Один вопрос, как сделать что б в мобильном виде пункты меню были столбиком
Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #7 : 21.10.2016, 00:02:56 »

Убрать фикс.высоту у блока и добавить условие в медиа-запрос
Записан
Dimir
Завсегдатай
*****

Репутация: +13/-1
Offline Offline

Пол: Мужской
Сообщений: 409



« Ответ #8 : 21.10.2016, 20:33:50 »

Спасибо.
Пытаюсь приделать откртытие при наведении, что то не робит . Я правлю  #btn:checked + div {display:block;} Это ?  вместо checked вставить hover ? не идет
« Последнее редактирование: 21.10.2016, 21:21:24 от Dimir » Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #9 : 22.10.2016, 18:33:31 »

А как вы на мобильном устройстве наведение реализуете? По-наведению как раз просто делается. Не нужен чекбокс. Но зачем?
Записан
Dimir
Завсегдатай
*****

Репутация: +13/-1
Offline Offline

Пол: Мужской
Сообщений: 409



« Ответ #10 : 22.10.2016, 22:04:21 »

А как вы на мобильном устройстве наведение реализуете? По-наведению как раз просто делается. Не нужен чекбокс. Но зачем?
Тут согласен, не продумал, а вот автозакрытие нужная вещь,
Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #11 : 22.10.2016, 22:24:06 »

Автозакритие, это уже js прикручивать нужно.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet