Как вывести отдельный CSS на отдельную категорию в DLE ?

Question

[Анатолий]

Добрый день господа, вот появилась идея немного разнообразить сайт (CMS DLE). Есть допустим категории: "Новости" "Игры" и допустим "Обзоры". По умолчанию выводит из

.news .category
background: #fd5559;

Оно применяется на все категории конечно же, как на "Новости":

Так вот допустим категория "Обзоры":

Так вот вопрос:
Как сделать так, что бы допустим для раздела "Новости" был один цвет, для раздела "Обзоры" совершенно другой ?.

Answer 1

[Павел Белоусов]

Как то так:

<a href="{category-url}" class="category [catlist=1,2,3,10]news[/catlist] [catlist=4-8]hitech[/catlist] [catlist=9]rewiew[/catlist]>{category}</a>

.category {background: #ccc;}
.category.news {background: #f96;}
.category.hitech {background: #00f;}
.category.rewiew{background: #0f0;}

Comments

[Анатолий]

Доработал ваш вариант и вышло довольно не плохо, спасибо большое вам.

Answer 2

[Анатолий]

@abdurahmanich
А как быть со стандартным ?:
<div class="category">{link-category}</div>
Стиль который выводиться:

.news .category {
    float: left;
    background: #fd5559;
    min-width: 37px;
    height: 32px;
    padding: 0 10px 0 10px;
    line-height: 30px;
    margin-left: 0px;
    width: 67px;
    text-align: center;

Answer 3

[wiliams]

А можно ссылку на сайт, очень интересно

Answer 4

[Анатолий]

@abdurahmanich Все равно не могу понять как реализовать. Ведь содержимое меню категорий вот такое (файл menu.tpl):

<ul class="topmenu" id="topmenu">
    <li>
        <a href="/" title=" Главная"><img src="{THEME}/images/logo.png" width="230" height="45" /></a>          
        <a href="news" title="TEST"><b>НОВОСТИ</b></a>
        <a href="internet" title="Internet"><b>ИНТЕРНЕТ</b></a>
        <a href="science" title="Наука"><b>НАУКА</b></a>
</ul>

И нужно что бы выводило в файле shortstory.tpl. А в этом файле стоит же стандартный<div class="category">{link-category}</div> с CSS :

.news .category {
    float: left;
    background: #fd5559;
    min-width: 37px;
    height: 32px;
    padding: 0 10px 0 10px;
    line-height: 30px;
    margin-left: 0px;
    width: 67px;
    text-align: center;

Вот желаемый результат: