Помогите разобраться с css

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО InstantCMS 2.X

#1 5 июня 2020 в 12:49

Друзья, есть необходимость скрывать в некоторых типах контента при определенной ширине элементы, с шириной понятно, а как сделать так что бы это касалось определенной страницы например главной, news и тд (положительные, отрицательные маски)

Вот есть код css

@media screen and (min-width: 991px) {
.filter-panel .filter-container{
display:none;
}
}

где и как указывать страницы, (положительные маски)

Спасибо

🤝

#2 5 июня 2020 в 13:27

Ну, в таблице стилей это точно не сделать). Как вариант, вы можете в шаблоне получать адрес страницы или slug(часть адреса) или тип контента и в зависимости от этого присвоить нужные классы. А уж в них прописать, что надо).

Разработка мобильных приложений

#3 5 июня 2020 в 13:33

а еще можно HTML виджеты в определенных местах повставлять, например открывающий <div class="home">, а ниже закрывающий </div>. Но не всегда удастся обернуть желаемый блок, да еще нарушите верстку. Так можно обернуть несколько виджетов в один блок

Сегодня в 10:04

#4 5 июня 2020 в 13:39

if ($_SERVER["REQUEST_URI"] == "/" OR $_SERVER["REQUEST_URI"] == "/index.php"){
		$body_class = 'home';
	} else {
		$urlarr = explode('/',$_SERVER["REQUEST_URI"]);
		$body_class = $urlarr[1];
		$urlarr1 = explode('?',$urlarr[1]);
		$urlarr2 = explode('.',$urlarr1[0]);
		$body_class = $urlarr2[0];
	}

<body id="<?php echo $device_type; ?>_device_type" class="<?php echo $body_class; ?>">

А вот вариант, про который писал Lora. Вносим правки в main.tpl.php

#5 5 июня 2020 в 13:45

@Happy2019, В дизайн-системе, которую вы используете, для этих целей предусмотрены спец. классы в <body>
На нужной странице нажмите F12. В body найдете нужный класс
Смотрите пример на скриншоте

по ссылке качество изображения лучше https://ibb.co/4N1gv7s

для главной страницы будет класс home_page

в начало своего кода добавьте .home_page

@media screen and (min-width: 991px) {
	.home_page .filter-panel .filter-container{
	display:none;
	}
}

для страницы список объявлений будет класс class_board_page

в начало своего кода добавьте .class_board_page

@media screen and (min-width: 991px) {
	.class_board_page .filter-panel .filter-container{
	display:none;
	}
}

для страницы самого объявления будет класс class_board_page class_html_page

в начало своего кода добавьте .class_board_page.class_html_page

@media screen and (min-width: 991px) {
	.class_board_page.class_html_page .filter-panel .filter-container{
	display:none;
	}
}

Так по аналогии можно добавить стили для других страниц.

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

#6 6 июня 2020 в 01:17

@Happy2019, В дизайн-системе, которую вы используете, для этих целей предусмотрены спец. классы в
На нужной странице нажмите F12. В body найдете нужный класс
Смотрите пример на скриншоте

по ссылке качество изображения лучше https://ibb.co/4N1gv7s

для главной страницы будет класс home_page

в начало своего кода добавьте .home_page
@media screen and (min-width: 991px) {
	.home_page .filter-panel .filter-container{
	display:none;
	}
}
для страницы список объявлений будет класс class_board_page

в начало своего кода добавьте .class_board_page
@media screen and (min-width: 991px) {
	.class_board_page .filter-panel .filter-container{
	display:none;
	}
}
для страницы самого объявления будет класс class_board_page class_html_page

в начало своего кода добавьте .class_board_page.class_html_page
@media screen and (min-width: 991px) {
	.class_board_page.class_html_page .filter-panel .filter-container{
	display:none;
	}
}
Так по аналогии можно добавить стили для других страниц.

Red Ray

Спасибо большое! То что нужно!

🤝

Загрузка файлов на файл-хостин

Перевод даты из

Помогите разобраться с css

Похожие темы

Можно ли в админке добавить css-стиль без заливки дополнительного css файла?

Помогите разобраться с размером изображения в списке

api помогите разобраться

Помогите разобраться))

Помогите разобраться с заголовком, SEO, тегами, тайтлом.

[ЕСТЬ РЕШЕНИЕ] Редактирование прав группы - group_perms, 404 ошибка

InstantCMS Team

О проекте

Поддержка

Дополнения