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

Есть любые вопросы, связанные со стилями/темами для phpBB 3.2.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Мини [FAQ] по phpBB 3.1.x/3.2.x | FAQ | Как задавать вопросы | Как устанавливать расширения

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Ответить
repitchem
phpBB 1.2.0
Сообщения: 15
Зарегистрирован: 26.03.2019 9:14

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

Сообщение repitchem » 16.05.2019 8:26

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

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

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

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

dimassamid
phpBB 1.4.0
Сообщения: 30
Зарегистрирован: 02.11.2006 23:02
Благодарил (а): 12 раз
Поблагодарили: 4 раза

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

Сообщение dimassamid » 16.05.2019 9:29

Удобнее всего использовать CSS Media Queries
https://metanit.com/web/html5/11.3.php
https://www.w3schools.com/css/css3_mediaqueries_ex.asp

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

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

display: none;

Перенесено из форума phpBB-пространство в форум Стили для phpBB 3.2.x 16.05.2019 9:40 модератором rxu

repitchem
phpBB 1.2.0
Сообщения: 15
Зарегистрирован: 26.03.2019 9:14

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

Сообщение repitchem » 16.05.2019 9:59

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>

Ответить

Вернуться в «Стили для phpBB 3.2.x»