Страница 1 из 1
phpBB 3.2 мобильная версия, вывод элемента
Добавлено: 16.05.2019 8:26
repitchem
Как показывать некий елемент только при переходе на мобильную версию форума? Для этого есть какой-то класс, конструкция или нужно писать отдельно?
Например, для того чтобы спрятать елемент при переходе на мобильную версию, я использую блок
Код: Выделить всё
<div id="search-box" class="search-box search-header"> чтонибудь </div>
Нужно что-то подобное только наоборот, чтоб появлялось.
Re: phpBB 3.2 мобильная версия, вывод элемента
Добавлено: 16.05.2019 9:29
dimassamid
Удобнее всего использовать CSS Media Queries
https://metanit.com/web/html5/11.3.php
https://www.w3schools.com/css/css3_mediaqueries_ex.asp
Создайте отдельный класс для мобильных девайсов с маленькой шириной браузера и отдельный класс для больших экранов со значением:
Re: phpBB 3.2 мобильная версия, вывод элемента
Добавлено: 16.05.2019 9:59
repitchem
dimassamid писал(а): ↑16.05.2019 9:29
Создайте отдельный класс для мобильных девайсов с маленькой шириной браузера и отдельный класс для больших экранов со значением
В том-то и дело, что не хотелось бы создавать отдельные классы, а хочется использовать что-то встроенное, типа как в моем примере.
В navbar_header удалось реализовать необходимую мне возможность:
Код: Выделить всё
<ul id="nav-breadcrumbs" class="nav-breadcrumbs linklist navlinks" role="menubar">
<li style="float: right;">
<li class="rightside">
<li class="rightside responsive-search dropdown-container">
<a href="#" class="dropdown-trigger">
<i class="icon fa-bars fa-fw" aria-hidden="true"></i>
</a>
<div class="dropdown">
<div class="pointer"><div class="pointer-inner"></div></div>
<ul class="dropdown-contents" role="menu">
<li class="separator"></li>
<li>
<a href="">новости бизнеса</a>
</li>
</li>
</ul>
</div>
</li>
</li>
</li>
</ul>
но в overall_header она не работает
Отправлено спустя 1 час 38 минут 48 секунд:
dimassamid писал(а): ↑16.05.2019 9:29
Создайте отдельный класс для мобильных девайсов с маленькой шириной браузера и отдельный класс для больших экранов со значением...
Искал не нашел, в итоге так и сделал, вставил этот код прям в нужное место overall_header:
Код: Выделить всё
<style type="text/css">@media screen and (min-width:700px) { .you_class { display: none;}}</style><div class="you_class">you_text</div>
Re: phpBB 3.2 мобильная версия, вывод элемента
Добавлено: 07.03.2024 21:55
garry
Подскажите пожалуйста, а есть какая-то мобильная версия, расширение форума для мобильных устройств?
Re: phpBB 3.2 мобильная версия, вывод элемента
Добавлено: 07.03.2024 23:32
Татьяна5
garry, в нём нет смысла, стиль адаптивен "из коробки"