Новости Joomla

Вышел релиз Joomla 6.2

Релиз Joomla 6.2.0

Проект Joomla! рад сообщить о выходе новой минорной версии — Joomla 6.2 (кодовое имя Mwezi).

Вышел релиз Joomla 5.4.10

Релиз Joomla 5.4.10

Проект Joomla! рад сообщить о выходе Joomla 5.4.10. Это последний релиз исправления ошибок для серии Joomla 5.x.

Вышли релизы безопасности Joomla 6.1.4 и Joomla 5.4.9

Релиз безопасности Joomla 6.1.4 и Joomla 5.4.9

Проект Joomla! рад сообщить о выходе Joomla 6.1.4 и Joomla 5.4.9. Это релизы безопасности и исправления ошибок для серий 5.x и 6.x.

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

beors

  • Новичок
  • 7
  • 0 / 0
Как сделать чтобы модуль не отображался в мобильной версии сайта?
« : 10.08.2014, 22:57:28 »
Здравствуйте. Подскажите, пожалуйста, как сделать чтобы модуль не отображался в мобильной версии сайта?
Записан
*

sergoguga

  • Давно я тут
  • 896
  • 70 / 8
  • www.mpbox.ru
Re: Как сделать чтобы модуль не отображался в мобильной версии сайта?
« Ответ #1 : 10.08.2014, 23:01:19 »
а что в вашем понятии мобильная версия? это подготовленная работающая версия шаблона?
или открыв сайт на планшете, вы думаете, что сайт вам показывает свою мобильную версию? а сам сайт об этом в курсе?)))
самое простое - использовать медиазапрос в стилевом файле и вписав нужный класс в модуле, дать ему невидимость для мобильных разрешений экрана, все.
лучший вариант - делать условие в шаблоне, тобы для моб версии блок с этим вашим модулем не выводился вообще

сложно?))

тогда просто закажите адаптацию шаблона для мобильных устройств. сам шаблон может уже содержит кнопку - мобильная версия, вы не шукали его?
« Последнее редактирование: 10.08.2014, 23:04:39 от sergoguga »
Записан
>>> Верстка 100 евро - ждешь новый курс? Пиши!
>>> Создание моб. приложений по ГОСТу)))! Личка работает!
>>> Микроразметка по стандартам - цены адекват! Пиши, не боись!
>>> Личный кабинет на ZOO - уже сделан! Пиши в личку, не стесняйся!
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Re: Как сделать чтобы модуль не отображался в мобильной версии сайта?
« Ответ #2 : 11.08.2014, 09:02:10 »
Цитата: sergoguga от 10.08.2014, 23:01:19
...сам шаблон может уже содержит кнопку - мобильная версия, вы не шукали его?
Даешь волшебную кнопку ! *DRINK*
Записан
Ответы на вопросы по CSS . Откройте для себя Firebug
*

sergoguga

  • Давно я тут
  • 896
  • 70 / 8
  • www.mpbox.ru
Re: Как сделать чтобы модуль не отображался в мобильной версии сайта?
« Ответ #3 : 11.08.2014, 10:28:05 »
Цитата: midav от 11.08.2014, 09:02:10
Даешь волшебную кнопку ! *DRINK*
ну почему волшебную, просто щас новички обожают ставить навороченные шаблоны, правда потом убивают вагон времени на изучение возможностей шаблона, которые далее будут использоваться на 5%)))
с другой стороны, в навороченных шаблонах то, о чем просит ТС - действительно сделано в виде кнопки, т.е. там список модулей, лого, основные блоки сайта - все настроить можно для разных устройств по разному, абсолютно! т.е. реально видел такую адмнку шаблона, там табличка - по горизонтали список смартфон-ландшафт, смарт-портрет, планшет-ланд, планшет-портр, монитор такой-то, широкоэкранный, tv, ...
по вертикали - список модулей и тд, просто ставим галки и ВСЁ!
шаблон ы такие кончено я на свалку сразу, ненавижу, когда за меня думает какой-то там фреймворк над фреймворком)))

Записан
>>> Верстка 100 евро - ждешь новый курс? Пиши!
>>> Создание моб. приложений по ГОСТу)))! Личка работает!
>>> Микроразметка по стандартам - цены адекват! Пиши, не боись!
>>> Личный кабинет на ZOO - уже сделан! Пиши в личку, не стесняйся!
*

elenalerkh

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: Как сделать чтобы модуль не отображался в мобильной версии сайта?
« Ответ #4 : 03.09.2014, 18:08:37 »
Цитировать
использовать медиазапрос в стилевом файле и вписав нужный класс в модуле, дать ему невидимость для мобильных разрешений экрана
А можно код для добавления такого CSS класса?
Записан
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Re: Как сделать чтобы модуль не отображался в мобильной версии сайта?
« Ответ #5 : 03.09.2014, 19:51:05 »
Цитата: elenalerkh от 03.09.2014, 18:08:37
А можно код для добавления такого CSS класса?

Добавить в CSS код :
Код
@media ( max-width:640px ) {
	имя нужного класса {
		display: none;
	}
}
Размер расширения экрана естественно тоже укажите сами, какой Вам нужен .
Записан
Ответы на вопросы по CSS . Откройте для себя Firebug
*

elenalerkh

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: Как сделать чтобы модуль не отображался в мобильной версии сайта?
« Ответ #6 : 03.09.2014, 22:58:11 »
Что-то не работает...

В CSS шаблона прописываю:
Код
@media ( max-width:640px ) {
	.mobil {
		display: none;
	}
}

В поле "Суффикс CSS-класса модуля" ставлю пробел и пишу mobil

Без пробела тоже не работает. Может что-то Неправильно?
Записан
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Re: Как сделать чтобы модуль не отображался в мобильной версии сайта?
« Ответ #7 : 04.09.2014, 09:26:21 »
Ну а класс модулю добавляется ? Посмотрите через FireBug . Если класс у модуля добавляется, то при уменьшении размера окна браузера, стили должны сработать .
Записан
Ответы на вопросы по CSS . Откройте для себя Firebug
*

elenalerkh

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: Как сделать чтобы модуль не отображался в мобильной версии сайта?
« Ответ #8 : 06.09.2014, 16:58:50 »
Заработало само собой, видимо проблема была в кэшировании... Но один из модулей все равно упорно не хочет скрываться.
А можно ли также через добавление суффикса класса создать модули, которые будут отображаться только в мобильной версии, и что писать в CSS?
Записан
*

adcroco

  • Осваиваюсь на форуме
  • 35
  • 1 / 0
Re: Как сделать чтобы модуль не отображался в мобильной версии сайта?
« Ответ #9 : 22.08.2016, 09:55:01 »
В некоторых премиум шаблонах изначально поддерживается создание custom.css
Вставляешь в него (или в свой файл стилей), например:
Код
@media (max-width: 2048px) and (-webkit-min-device-pixel-ratio: 2) {
.telefon {
		display: none;
	}
}
@media (max-width: 1200px) {
.telefon {
		display: none;
	}
}
@media (min-width: 979px) {
.telefon {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 979px) and (-webkit-min-device-pixel-ratio: 2) {
.telefon {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
.telefon {
		display: none;
	}
}
@media (max-width: 767px) {
.telefon {
		display: none;
	}
}
@media (max-width: 480px) {
.telefon {
		display: none;
	}
}
@media (max-width: 320px) {
.telefon {
		display: none;
	}
}

Не подходящее по ширине убрать! В модуле, где Суффикс CSS-класса модуля, пишешь telefon
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Модуль вывода похожих материалов с картинками

Автор Besa

 Ответов: 3
Просмотров: 6535 		Последний ответ 20.04.2023, 20:25:50
от beliyadm
Helix3 сделать несколько рядов не столбцов!

Автор Bowa

 Ответов: 6
Просмотров: 6042 		Последний ответ 04.03.2023, 20:33:40
от Petrovich
Не подлючает модуль из шаблона

Автор misteri27

 Ответов: 0
Просмотров: 3242 		Последний ответ 31.01.2023, 12:58:05
от misteri27
Через модуль html надо вставить три изображения в одну линию (горизонтально)

Автор dionisimuss

 Ответов: 10
Просмотров: 2581 		Последний ответ 21.12.2022, 20:59:52
от dionisimuss
Как сделать вывод ссылок в обратном порядке (com_weblinks)?

Автор Slava77

 Ответов: 0
Просмотров: 1812 		Последний ответ 24.11.2022, 16:42:09
от Slava77