Два CSS на комментарии - Сообщество uCoz

Страница 1 из 1 1
Модератор форума: Yuri_G

Два CSS на комментарии

Dukhovnik

Сообщений: 129

Репутация: 56

Сообщение # 1 | 22:07:18 05 Май 2013

Скажите, а можно ли реализовать два стиля на вид комментариев.
Ну чтобы для всех модулей был один стиль, а для одного (допустим board) — другой.
Если да — то как?

Помогаю по сайтам в лс

reformator

Сообщений: 2034

Репутация: 534

Сообщение # 2 | 22:14:19 05 Май 2013

Dukhovnik, условиями используя $MODULE_ID$ прописываем отдельные стили в шаблоне Вида комментариев

Код

<?if($MODULE_ID='board'$)?>
/* Comments Style */
.cTop {font-size:11px;color:#C19454;font-weight:bold;padding-bottom:5px;}
.cDate {font-size:11px;color:#C19454;}
.cMessage{padding-left:5px;padding-top:2px;border:1px dashed #A67F48;text-align:justify;padding-bottom:5px;padding-right:3px;}
.cAnswer {padding-left:15px;padding-top:4px;font-style:italic;color:#7b2a24;}
/* -------------- */
<?else?>
/* Comments Style */
.cTop {font-size:11px;color:#C19454;font-weight:bold;padding-bottom:5px;}
.cDate {font-size:11px;color:#C19454;}
.cMessage{padding-left:5px;padding-top:2px;border:1px dashed #A67F48;text-align:justify;padding-bottom:5px;padding-right:3px;}
.cAnswer {padding-left:15px;padding-top:4px;font-style:italic;color:#7b2a24;}
/* -------------- */
<?endif?>

u-Helper |

Dukhovnik

Сообщений: 129

Репутация: 56

Сообщение # 3 | 22:28:38 05 Май 2013

Nuras_Bolandi, Спасибо большое!

Помогаю по сайтам в лс

Вансан

Сообщений: 77

Репутация: 33

Сообщение # 4 | 22:29:38 05 Май 2013

Dukhovnik, а ещё можно реализовать это только с помощью CSS.
В нужном модуле обернуть все комментарии в div с неким назначенным классом (например unique_comments).
А в таблице стилей прописать уникальные стили для комментариев, используя контекстные селекторы:

Код

/* Default comments Style */
  .cTop {font-size:11px;color:#C19454;font-weight:bold;padding-bottom:5px;}
  .cDate {font-size:11px;color:#C19454;}
  .cMessage{padding-left:5px;padding-top:2px;border:1px dashed #A67F48;text-align:justify;padding-bottom:5px;padding-right:3px;}
  .cAnswer {padding-left:15px;padding-top:4px;font-style:italic;color:#7b2a24;}
  /* -------------- */
/* Unique comments Style */
.unique_comments .cTop {font-size:11px;color:#C19454;font-weight:bold;padding-bottom:5px;}
.unique_comments .cDate {font-size:11px;color:#C19454;}
.unique_comments .cMessage{padding-left:5px;padding-top:2px;border:1px dashed #A67F48;text-align:justify;padding-bottom:5px;padding-right:3px;}
.unique_comments .cAnswer {padding-left:15px;padding-top:4px;font-style:italic;color:#7b2a24;}
  /* -------------- */

В этом случае можно назначить свой стиль комментариев хоть для каждого модуля без нагромождения условных операторов. wink

Absit invidia verbo

Два CSS на комментарии

Страница 1 из 1
1