Страница 1 из 1

phpBB 3.2 мобильная версия, вывод элемента

Добавлено: 16.05.2019 8:26
repitchem
Как показывать некий елемент только при переходе на мобильную версию форума? Для этого есть какой-то класс, конструкция или нужно писать отдельно?

Например, для того чтобы спрятать елемент при переходе на мобильную версию, я использую блок

Код: Выделить всё

<div id="search-box" class="search-box search-header"> чтонибудь </div>
Нужно что-то подобное только наоборот, чтоб появлялось. :rtfm:

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

Создайте отдельный класс для мобильных девайсов с маленькой шириной браузера и отдельный класс для больших экранов со значением:

Код: Выделить всё

display: none;

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, в нём нет смысла, стиль адаптивен "из коробки"