Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

Вопрос? Разные цвета для разных значений css

Тема в разделе "Вопросы- ответы", создана пользователем plaksherie, 28 окт 2019.

28.10.19 в 16:00
28.10.19 в 16:44
5
269
0
  1. TopicStarter Overlay
    plaksherie

    plaksherie Зелёный

    Регистрация:
    27 окт 2019
    Сообщения:
    11
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    Короче тут пришла мысль, можно ли как-то сделать чтобы для разных значений качества, были разные цвета подложки, т.е. у меня на обложке отображает качество через xfvalue, может исть какая-то проверка значений в css чтобы он подставлял цвета или это только через скрипты возможно реализовать?
     

    Вложения:

  2. koks

    PRO Users

    Регистрация:
    3 фев 2017
    Сообщения:
    72
    Лучших ответов:
    1
    Рейтинги:
    +19 / 1 / -0
    В css нельзя, через js можно
     
  3. mycroft

    PRO Users

    Регистрация:
    23 янв 2019
    Сообщения:
    238
    Лучших ответов:
    1
    Рейтинги:
    +39 / 8 / -0
    [ifxfvalue quality="Трейлер"] <div style="background: #676;"></div> [/ifxfvalue]
    так для каждого качества
     
    • Нравится Нравится x 1
    • Полезно Полезно x 1
  4. redissx

    redissx Бывалый

    Регистрация:
    23 сен 2015
    Сообщения:
    885
    Лучших ответов:
    7
    Рейтинги:
    +1.073 / 173 / -0
    Выкладываю что есть. Далее сами
    Ваше качество в
    Код:
    <div class="movie-qual">CAMRip</div>
    один цвет в css
    Код:
    .movie-qual.red {background-color: tomato; color: white;}
    в ваш js файл
    Код:
    $(document).ready(function(){
        $('.movie-qual').each(function(){
            var q = $(this),
                qt = q.text();
            if (qt == 'HDRip') {q.addClass('blue')};
            if (qt == 'BDRip') {q.addClass('pink')};
            if (qt == 'TS') {q.addClass('green')};
            if (qt == 'DVDRip') {q.addClass('orange')};
            if (qt == 'FullHD') {q.addClass('red')};
            if (qt == '3D') {q.addClass('violet')};
        });
    });
     
    • Полезно Полезно x 1
  5. redissx

    redissx Бывалый

    Регистрация:
    23 сен 2015
    Сообщения:
    885
    Лучших ответов:
    7
    Рейтинги:
    +1.073 / 173 / -0
    Второй вариант. Быстрее, но есть свои нюансы
    js
    Код:
    
    $(document).ready(function(){
        $(".movie-qual").each(function() {
            var a = $(this).text().toLowerCase();
            $(this).addClass(a)
        });
    });
    
    и цвет в css
    Код:
    movie-qual.camrip {background-color: tomato; color: white;}
     
    • Нравится Нравится x 1
    • Полезно Полезно x 1
  6. Bashmak

    PRO Users

    Регистрация:
    25 фев 2017
    Сообщения:
    642
    Лучших ответов:
    1
    Рейтинги:
    +168 / 25 / -0
    И будет не сайт, а светофор.
     
    • Нравится Нравится x 1
    • Смешно Смешно x 1
Яндекс.Метрика