Как менять цвет в зависимости от категории?

Красавчик 20.05.2023 dle, css Общие вопросы, Стили (CSS), Хаки 592

вопрос

Здравствуйте. У меня есть кино сайт и на постере выводится в углу ярлык фильм или сериал и т.д. Я могу через css сменить цвет этого ярлыка. Но хотелось бы, менять цвет в зависимости от категории, например, фильм, красным чтобы было, сериал зеленым. На ворпресс это делал, на DLE ни как не получается. Как это можно сделать? Достаточно через css или надо править код и приписывать классы? Может кто делал и есть решение?

Ответа пока нет

5 комментариев

Юзер

svbox - 2018-11-1020 мая 2023 22:47 - #82094

Добрый день. Решений может быть несколько.
Если категорий немного (фильм, сериал, мультфильм и еще несколько), то можно придумать простенький хак прямо в шаблоне вывода. Добавьте класс пустой класс css к контейнеру, в котором нужно фон менять. Например, bg-cat. Далее прямо в шаблоне вывода можно сделать такой блок:


[category=1]<style>.bg-cat {background: red;}</style>[/category]
[category=2]<style>.bg-cat {background: green;}</style>[/category]
[category=3]<style>.bg-cat {background: blue;}</style>[/category]

ID категорий свои ставьте.

Второй вариант, если не пользуетесь иконками категорий, пропишите в этом поле код цвета и выводите в шаблоне. Пример:

<div class="film-type" style="background: {category-icon};">Фильм</div>

Есть и другие решения на js. Можно просто написать функцию, которая после загрузки DOM будет искать контейнер и в зависимости от содержимого (можно прямо слова искать "Фильм", "Сериал") будет менять фон родителя.

Юзер

svbox - 2018-11-1020 мая 2023 23:20 - #82095

По аналогии со вторым способом, можно добавить доп поле к новости с типом селект. Прописать прямо в нем цвета и в каждой новости руками выставлять. В шаблоне точно так же, как и с иконкой использовать значение xfvalue. Это лишний геморрой, но точно не промахнетесь.

Юзер

Красавчик - 2018-11-1021 мая 2023 07:47 - #82098

Спасибо, буду пробовать!

Юзер

163

redissx - 2018-11-1021 мая 2023 08:51 - #82099


        [not-catlist=2,3,4]<div class="poster__label anim"><span>Фильм</span><div class="fal fa-camera-movie"></div></div>[/not-catlist]
        [catlist=4]<div class="poster__label red anim"><span>Сериал</span><div class="fal fa-popcorn"></div></div>[/catlist]
        [catlist=3]<div class="poster__label green anim"><span>Мультфильм</span><div class="fal fa-smile-beam"></div></div>[/catlist]
        [catlist=2]<div class="poster__label gray anim"><span>Аниме</span><div class="fal fa-unicorn"></div></div>[/catlist]
        {* [catlist=1,2....] текст [/catlist] Выводит текст в теге, если новость принадлежит указанным категориям *}

Юзер

Красавчик - 2018-11-1021 мая 2023 08:54 - #82100

Тестю все варианты, работают только в shortstory, а например в похожих новостях, не работают теги catlist.

Все вопросы » Общие вопросы?">Как сделать разные цвет выводимых категорий через Все вопросы » Общие вопросы?

15.04.2017 Railway_Academy Общие вопросы

Как изменить цвет имени администратора в комментариях?

02.08.2017 dim Общие вопросы, Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)

Как сделать изменение цвета рейтинга, в зависимости от числа?

10.11.2018 Andrey Aleksandr Общие вопросы

Последние события

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Сегодня, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст