MySQL Error!
Error Number: 3685
MySQL error in file: /engine/modules/show.custom.php
The Error returned was:
Illegal argument to a regular expression.
MySQL Fatal Error
MySQL Error!
Error Number: 3685
MySQL error in file: /engine/modules/show.custom.php
The Error returned was:
Illegal argument to a regular expression.
Как менять цвет в зависимости от категории? :: DLE FAQ

Технический сбой

Сайт временно работает в режиме только для чтения, идут восстановительные работы. Приносим свои извинения за неудобства.
DLE FAQ » Все вопросы » Общие вопросы » Как менять цвет в зависимости от категории?

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

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

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

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

 

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

svbox
Юзер

svbox - -

Добрый день. Решений может быть несколько.
Если категорий немного (фильм, сериал, мультфильм и еще несколько), то можно придумать простенький хак прямо в шаблоне вывода. Добавьте класс пустой класс 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
Юзер

svbox - -

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

Красавчик - -

Спасибо, буду пробовать!
redissx
Юзер

redissx - - 


        [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] Выводит текст в теге, если новость принадлежит указанным категориям *}
Красавчик
Юзер

Красавчик - -

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

Похожие вопросы

 19.07.2012 ScreN  Общие вопросы
 22.12.2012 Гость  Общие вопросы
 03.12.2013 GoodProject  Общие вопросы
 19.12.2014 abc12345  Общие вопросы
 30.04.2015 dimandiman  Общие вопросы
 01.12.2015 anfalin  Общие вопросы
 03.07.2016 Hunan-888  Общие вопросы
 15.04.2017 Railway_Academy  Общие вопросы
 02.08.2017 dim  Общие вопросы, Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 10.11.2018 Andrey Aleksandr  Общие вопросы
  • Puxlik | Telegram Sender 13
    Фото Puxlik
    Puxlik
    Telegram Sender
    21-09-2024, 22:06
    Версию 17.1 поддерживает ?
  • TeraMoune | Не загружается изображение [Ошибка HTTP] ... 2
    Фото TeraMoune
    TeraMoune
    Не загружается изображение [Ошибка HTTP]. Как исправить?
    12-09-2024, 20:39
    В этой версии есть фрагментация загрузки файла когда загружаемый файл разделяется на фрагменты, по умолчанию 1 фрагмент 1.5мб. (И у вас написано лимиты на файл 4мб и картинки 5.86мб, этого достаточно чтобы принимать 1.5мб фрагменты) И если бы была проблема с весом или чем-то подобным то об этом бы сервер сообщил. Сервер отдал 500 ошибку это значит что угодно, нужно смотреть ответ от сервера в консоли разработчика или логах.
  • RedFox | Не загружается изображение [Ошибка HTTP] ... 2
    Фото RedFox
    RedFox
    Не загружается изображение [Ошибка HTTP]. Как исправить?
    12-09-2024, 15:09
    "Некоторые картинки загружаются, но большинство нет."

    Сначала не обратил внимания, но видимо проблема в этом. Все, что больше 100Кб, не загружается. Что странно, поскольку в php у меня следующие значения:
    post_max_size = 100M
    upload_max_filesize = 100M
    max_file_uploads = 20

    Полагаю, где-то еще надо увеличить размер загружаемой картинки, но где?
  • LMakc | Модуль читалка pdf 1
    Фото LMakc
    LMakc
    Модуль читалка pdf
    10-09-2024, 18:10
    Не начинай, я заплатил сегодня штраф за підручники. Сейчас очень сложно с этим.
  • ssssss | Сделать подсчет количества символов в ко ... 5
    Фото ssssss
    ssssss
    Сделать подсчет количества символов в комментариях
    1-09-2024, 19:08
    Есть актуальный плагин под 17 версию? (только количество символов! без наворотов... записей куда-либо и т.п.) *ББ-редактор
  • alex.sg.spb | Как вывести информацию о обновлении ново ... 8
    Фото alex.sg.spb
    alex.sg.spb
    Как вывести информацию о обновлении новости, но на время?
    26-08-2024, 18:09
    вопрос, в продолжение поста. Помогите с кодом вывода инфо UPDATE на краткой новости, так чтобы не нужно было нажимать внутри новости при редактировании галочку?
  • Kentavr | Как вместо %20 в адресной строке подстав ... 9
    Фото Kentavr
    Kentavr
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    21-08-2024, 21:21
    Спасибо огромное. Этот вариант самый простой и рабочий!
  • derebas | Как вместо %20 в адресной строке подстав ... 9
    Фото derebas
    derebas
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    18-08-2024, 16:51
    К черту htaccess давайте проще

    к href добавьте id="xfield_value"
    <a href="/company/[xfvalue_company]/" id="xfield_value">[xfvalue_company]</a>

    И добавьте скрипт обработчик 
    <script>
document.addEventListener('DOMContentLoaded', function() {
    const links = document.querySelectorAll('a#xfield_value');

    links.forEach(link => {
      let href = link.getAttribute('href');

      if (href) {
        href = href.replace(/ /g, '+');
        link.setAttribute('href', href);
      }
    });
  });
</script>
  • Kentavr | Как вместо %20 в адресной строке подстав ... 9
    Фото Kentavr
    Kentavr
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    18-08-2024, 15:58
    Так сайт не работает вообще. Браузер выдает такое

    Страница недоступна Сайт ... выполнил переадресацию слишком много раз.
    Попробуйте удалить файлы cookie.

    ERR_TOO_MANY_REDIRECTS

    Куки чистил не помогает
  • derebas | Как вместо %20 в адресной строке подстав ... 9
    Фото derebas
    derebas
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    18-08-2024, 15:43
    Попробуйте так
    RewriteEngine On
    RewriteCond %{REQUEST_URI} %20
    RewriteRule (.*)%20(.*) $1+$2 [N]
    RewriteRule (.*) $1 [R=301,L]
Следуй за нами в Twitter или читай RSS Если есть идеи - Высказывайся
Разработка сайта ПафНутиЙ
наверх