Цветные категорий

голоса: 0

Привет,как сделать вот такие Цветные категории как у них http://powerups.ru/ ?

Адрес сайта http://powerups.ru/
| Автор: | Категория: Вопросы новичков

Может кому пригодиться,спасибо моему другу!Реализация на js!

Скрипт,вставляем в самый низ,или упаковаем в  js файл!

<script>
$('.catn').each(function(){
$(this).addClass("cat-" + $(this).text().toLowerCase());
})
</script>

В cSS .cat-тут название категории  { background-color: #005781 }

То бишь для каждый категории прописывает ,ксс,и колор свой.

Ответов: 1

Голоса: +1
 
Лучший ответ
С помощью условия и переменной $CID$
| Автор:
Выбор ответа лучшим | | Автор: Nice Men

Можно пример?

Nice Men,
Встречный вопрос, для какого модуля? и где вы хотите видеть это...
Sentimo,
Новости сайта,вид материалов.
Nice Men,
Код "вида материалов покажите"
Sentimo,

<div class="pwr_news">
<div class="pwr_newshead">
<div ><?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?></div>
<a class="pwr_newshead_name" href="$ENTRY_URL$">$TITLE$</a></div>
<div class="news"> 
<div class="news_l"><img class="nimg" src="$IMG_URL1$"></div>
<div class="nmess"><?if(len($MESSAGE$)>300)?><?substr($MESSAGE$,0,300)?>...<?else?>$MESSAGE$<?endif?></div> </div>
<div class="pwr_newsbott">

<div >

<a class="catn" href="$CATEGORY_URL$" title="$CATEGORY_NAME$">$CATEGORY_NAME$</a> </div>

<span class="ndate">$DATE$</span>
<span class="nlnk">Автор: <a href="$PROFILE_URL$" title="Автор публикации">$USERNAME$</a></span>
<span class="nlnk"><a href="$COMMENTS_URL$" title="Комментариев: $COMMENTS_NUM$">Перейти к обсуждениям ($COMMENTS_NUM$)</a></span> </div></div>
<hr class="delimeter"></hr>

Nice Men,
<div class="cat$CID$" ><a class="catn" href="$CATEGORY_URL$" title="$CATEGORY_NAME$">$CATEGORY_NAME$</a> </div>
В ксс пишите .cat1 {background:green; color:red;} это будет оформление 1 категории
.cat2 {background:blue; color:white;} это оформление 2 категории и т.д
...