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

Как выделить важные темы другим цветом?

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

Загрузка
  1. blindoracledm

    blindoracledm Тролль

    Регистрация:
    30.06.11
    Сообщения:
    30
    Симпатии:
    2
    На вашем форуме есть важная тема, вот тут на самом верху.
    Как сделать, что бы важную тему выделять другим фоном среди всех других, обычных тем?
    Например розовым, зеленым или желтым фоном?
     
  2. arelav

    arelav Местный

    Регистрация:
    07.06.11
    Сообщения:
    166
    Симпатии:
    353
    Версия XF:
    1.1.0 Final
    добавьте в шаблон EXTRA.css (во всех темах/шкурках )

    Код:
    li.sticky {
      background:red; /* красный, как пример */
    }
    а если не всю строку то так:

    Код:
    li.sticky .main  {
        background-image:-o-linear-gradient(#F8FCEB, #DCF0C0 60%  );
        background-image: -moz-linear-gradient(top, #F3FAE1, #DCF0C0);
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #DCF0C0),color-stop(1, #F3FAE1));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DCF0C0');
    }
    в примере я просто показал варианты фона...

    простой вариант вот:
    Код:
    li.sticky .main {
      background:red; /* красный, как пример */
    }
     
    Nicolayka, JIuMOHKA, Mefodian и 4 другим нравится это.
  3. blindoracledm

    blindoracledm Тролль

    Регистрация:
    30.06.11
    Сообщения:
    30
    Симпатии:
    2
    Супер! Спасибо. А есть возможность полностью закрасить фон строки в которой важная тема? А то под аватаркой и колонки ответы и просмотры белые.
     
  4. arelav

    arelav Местный

    Регистрация:
    07.06.11
    Сообщения:
    166
    Симпатии:
    353
    Версия XF:
    1.1.0 Final
    Конечно можно. Просто отследите наследование всех классов подложек, и перекрасьте подобным образом.

    Код:
    li.sticky, li.sticky .stats,  li.sticky .posterAvatar{
        background:red; /* красный, как пример фона */
    }
    
    li.sticky  .stats dl {
        border-left: 1px solid black; /* черный, как пример разделителей */
        border-right: 1px solid black; /* черный, как пример разделителей */
    }
     
    Nicolayka, aligon7, Mefodian и ещё 1-му нравится это.

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