Question

Здравствуйте, подскажите готовый пример с открытым кодом, как можно реализовать чередование цветов в комментариях? Например первый комментарий css стиль синий, потом зелёный. Нужен просто пример как сделать чередования. Наверно какие то условия, подскажите?

Answer 1

Перейдите в Дизайн шаблона Вид комментариев

и добавьте код class="$CLASS$" к div или table, который относится ко все форме комментария

в CSS добавьте следующий код

.cBlock1 {background-color:#F9F9F9;}
.cBlock2 {background-color:#FFFFFF;}

 

Comments

Спасибо) Сейчас попробую

---

 <?if($USER_AVATAR_URL$)?>
 <?if($SOC_LINK$)?><a rel="nofollow" href="$SOC_LINK$" title="$USERNAME$"><img src="$USER_AVATAR_URL$" alt="avatar" /></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><img src="$USER_AVATAR_URL$" alt="avatar" /></a><?endif?>
 <?else?><img src="noavatar2.gif" alt="avatar" /><?endif?>
 </span>
 <div class="uc-content"><div class="uc-top"><div class="uc-top-right"><!-- <Рейтинг> -->
<div class="comment_over">
 <div class="comment_rate">
 <div class="c_rate_t"> 
 <div class="c_rate_minus"><?if($BAD_COMMENT_URL$)?><a href="$BAD_COMMENT_URL$">-</a><?endif?></div> 
 <div class="c_rate_count"><?if($COMMENT_RATING$<0)?><div class="c_minus">$COMMENT_RATING$</div><?else?><?if($COMMENT_RATING$=0)?><div class="c_ziro">0</div><?else?><div class="c_plus">$COMMENT_RATING$</div><?endif?><?endif?></div> 
 <div class="c_rate_plus"><?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$">+</a><?endif?></div> 
 </div> 
 </div> 
 </div>
 <!-- </Рейтинг> --></div><!-- закрыли uc-top-right -->
 <div class="uc-top-left">
 <a href="#ent$ID$" onclick="prompt('', location.protocol + '//' + location.hostname + location.pathname + '#comEnt$ID$'); if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$"><b>$NUMBER$</b></a>
 <?if($SOC_TYPE$)?><img src="/.s/img/icon/social/16/$SOC_TYPE$.png" alt="" /><?endif?>
 <?if($USERNAME$)?><a href="$PROFILE_URL$" class="uc-profile-link">$USERNAME$</a><?else?>
 <?if($SOC_LINK$)?><a rel="nofollow" href="$SOC_LINK$" class="uc-profile-link">$NAME$</a><?else?>$NAME$<?endif?>
 <?endif?> <span class="uc-opacity">&#8226; $TIME$, $DATE$</span>$MODER_PANEL$ </div></div><div class="uc-message cMessage"><div class="chatRight"><span></span>$MESSAGE$</div></div>
 <?if($ANSWER$)?><div class="uc-answer cAnswer"><b>Ответ</b>: $ANSWER$</div><?endif?>
 <?if($ANSWER_URL$)?><div class="uc-answer-link"><a href="$ANSWER_URL$">Ответить</a></div><?endif?>

 

.cBlock1 {background-color:#F9F9F9;}
.cBlock2 {background-color:#FFFFFF;}

Не видно изменений? Как сделать?

---

Руслан Алексеев,

Это полный кода Вида комментариев?

---

Rostislav,

да, полный код

---

Руслан Алексеев,

<div class="uc-top-left $CLASS$">

попробуйте так и адрес сайта напишите

---

Rostislav,

тоесть пишу 

<div class="uc-top-left $CLASS$">

 

в таблице стилей к классу :

 

.uc-top-left подписываю так:

 

.uc-top-left .cBlock1 (ничего не меняю) и создаю новый стиль 

 

.uc-top-left .cBlock2

 

Всё верно или нет?

---

Руслан Алексеев,

Желательно сразу при задавании вопроса указывать адрес сайта, чтобы быстрее вам можно было помочь, а не угадывать что там у вас :)

В коде Вид комментариев chatRight замените на $CLASS$

в CSS

.cBlock1 {background: #f1f6fa;border: 1px solid #c6d9e9;padding: 5px;}
.cBlock2 {background: #ffffff;border: 1px solid #c6d9e9;padding: 5px;}

P.S. Помню ваш сайт по вопросам в ВК. Отлично у вас получется постоянно улучшать сайт, прогресс очевиден!

---

Rostislav,

Спасибо Вам большое! Как всегда поможете)