1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - коммерческий форумный движок от бывших создателей vBulletin, написанный на PHP.

Чередование CSS в разделах и темах

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем BLEF, 12.07.2014.

Загрузка
  1. BLEF

    BLEF Местный

    Регистрация:
    01.02.12
    Сообщения:
    466
    Симпатии:
    56
    Не нашёл на форуме решение.
    Кто подскажет, как сделать чередование цвета в разделах, при помощи css? Ну и для тем тот же вопрос.
    Пример: чёрный, белый, чёрный, белый.

    Пробовал применить псевдокласс :nth-child, но видать не так прописал.
     
  2. FractalizeR

    FractalizeR XenForo Addicted

    Регистрация:
    27.09.10
    Сообщения:
    1 085
    Симпатии:
    832
    Версия XF:
    1.3.2
  3. Skaiman

    Skaiman Местный

    Регистрация:
    08.06.14
    Сообщения:
    157
    Симпатии:
    230
    Версия XF:
    1.4.0
    Заинтересовало. Попробовал тоже, пошел по пути BLEF и воспользовавшись подсказкой FractalizeR:
    Код:
    .node .nodeInfo.primaryContent:nth-child(odd) {
       background: @primaryLighterStill;
    }
    .node .nodeInfo.primaryContent:nth-child(even) {
       background: @primaryLightest;
    }
    Выделилось все без чередования, первым цветом и исходя из исходного кода, там нет чередования, пробовал менять порядок отображения - безрезультатно.
    Интерес пока остался ;), подумаем.
     
    BLEF нравится это.
  4. FractalizeR

    FractalizeR XenForo Addicted

    Регистрация:
    27.09.10
    Сообщения:
    1 085
    Симпатии:
    832
    Версия XF:
    1.3.2
    Код:
    li.category li.node:nth-child(odd) div.nodeInfo.forumNodeInfo.primaryContent {
      background-color: #FF00FF;
    }
    li.category li.node:nth-child(even) div.nodeInfo.forumNodeInfo.primaryContent {
      background-color: #00FF00;
    }
    Цвета только поменяйте :)

    Это для разделов. Для тем попробуйте по аналогии. Если не получится, напишите.
     
    Последнее редактирование: 13.07.2014
    BLEF, Mirovinger и Skaiman нравится это.
  5. Skaiman

    Skaiman Местный

    Регистрация:
    08.06.14
    Сообщения:
    157
    Симпатии:
    230
    Версия XF:
    1.4.0
    Да так получается, вот цвета действительно жесть :). Но как бы мне этого не надо, а вот человеку надеюсь поможет
    Image 14.png

    Здесь надо использовать RGBA цвет, с прозрачностью будет норм
    --- добавлено : 13 июл 2014 в 17:52 ---
    Попробовал и на темах:
    Image 15.png

    Код:
    li.discussionListItem:nth-child(odd) {
      background-color: #FF00FF;
    }
    li.discussionListItem:nth-child(even) {
      background-color: #00FF00;
    }
    Для теста цвета самое то!
     
    Последнее редактирование модератором: 21.07.2014
    BLEF и Mirovinger нравится это.
  6. BLEF

    BLEF Местный

    Регистрация:
    01.02.12
    Сообщения:
    466
    Симпатии:
    56
    Вопрос решён, всем спасибо.
     

Поделиться этой страницей