Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Комментарии: настройка дизайна (работа стилями)
Комментарии: настройка дизайна
Модератор форума
Сообщение # 1 | 12:15:43
Стандартный шаблон комментариев теперь выглядит так:

Код
<div class="$CLASS$" style="padding:3px;">
<div class="cDate" style="float:right">$DATE$ $MODER_PANEL$</div>
<div class="cTop"><span style="width:18px;">$NUMBER$.</span> <b>$NAME$</b>
<?if($USERNAME$)?>(<a href="$PROFILE_URL$">$USERNAME$</a>)<?endif?>
<?if($EMAIL$)?><a href="$EMAIL_JS$" title="Email"><img border="0" align="absmiddle" src="http:https://src.ucoz.ru/t/114/e.gif"></a><?endif?>
<?if($SITE$)?><a rel="nofollow" href="$SITE$" target="_blank" title="Site"><img border="0" align="absmiddle" src="http:https://src.ucoz.ru/t/114/h.gif"></a><?endif?>
</div>
<div class="cMessage">$MESSAGE$</div>
<?if($ANSWER$)?><div class="cAnswer"><b>Ответ администратора</b>: $ANSWER$</div><?endif?>
</div>


Или табличный такой:

Код
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="$CLASS$"><tr><td style="padding:3px;"><div style="float:right;font-size:11px;font-family:Arial,sans-serif;"><?if($COMMENT_RATING$<0)?><span class="myWinError"><b>$COMMENT_RATING$</b></span><?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;"><b>$COMMENT_RATING$</b></span><?else?><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span><?endif?><?endif?>  <?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://s2.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="http://s2.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img alt="" src="http://s2.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img alt="" src="http://s2.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div><div class="cTop" style="text-align:left;"><?if($IS_OWN$)?><span class="myWinError">*</span> <?else?><?if($IS_NEW$)?><span class="myWinSuccess">*</span> <?endif?><?endif?><a href="#ent$ID$" onclick="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($USERNAME$)?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?>   <span style="font-size:7pt;unicode-bidi:embed;">($DATE$ $TIME$)</span>
<?if($ENTRY_URL$)?>[<a href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Материал</a>]<?endif?>
</div>
<div class="cMessage" style="text-align:left;clear:both;padding:2px 0;"><?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$" style="padding-right:4px;"><img alt="" align="left" src="$USER_AVATAR_URL$" width="30" border="0" /></a><?endif?>$MESSAGE$</div>
<?if($ANSWER$)?><div class="cAnswer" style="text-align:left;clear:both;"><b>Ответ</b>: $ANSWER$</div><?endif?>
<?if($ANSWER_URL$)?><div style="clear:both;padding:4px 0;font-size:7pt;">[<a href="$ANSWER_URL$">Ответить</a>]</div><?endif?>
</td></tr></table>



То есть таблиц больше нет и совершенно поменялись классы. Естественно вы остались без оформления комментариев после обновлений от 12.06.07.

Но это дело поправимое. У нас теперь есть новые классы:

cDate - отвечает за вид даты добавления комментария.
cTop - отвечает за вид данных об авторе комментария.
cMessage - отвечает за вид самого комментария.
cAnswer - отвечает за вид ответа администратора.

И есть ещё очень интересная штука - $CLASS$ - CSS класс (разный для четных/нечетных комментариев) принимает вид:
cBlock1 - нечётные
cBlock2 - чётные

Есть ещё классы для оформления общего контейнера с комментариями:

commentsPart - общий вид.
csTop - отвечает за первую строку в контейнере с комментариями.
csQuantity - отвечает за вид надписи о количестве комментариев.

Есть ещё разные id, но их мы тут касаться не будем, это для знатоков.

В итоге пример самого простенького комментария:

/* 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;}
/* -------------- */







CSS-конструктор для настройки стилей комментариев: Перейти »
webanet
Сообщений: 24067
Репутация: 4985

Сообщение # 136 | 21:03:52
Cargerdree, системно не предусмотрено, но можно сделать руками. хотя ваш вопрос не очень понятен. теги на форуме не работают

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Cargerdree
Сообщений: 26
Репутация: 0

Сообщение # 137 | 21:23:18
webanet, а на сайте теги работают?)
webanet
Сообщений: 24067
Репутация: 4985

Сообщение # 138 | 21:27:14
Cargerdree, в модулях на сайте теги работают. для чего вам теги?

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Cargerdree
Сообщений: 26
Репутация: 0

Сообщение # 139 | 21:36:23
webanet, что бы сделать поиск по ним
sahon
Сообщений: 4
Репутация: 0

Сообщение # 140 | 13:32:38
Добрый день, помогите пожалуйста поставить виджет комментариев от вконтакте на шаблон dominion!

Добавлено (23-Май-2012, 13:32:24)
Сообщение отредактировал sahon - Среда, 23 Май 2012, 13:33:06
DJ_LeG
Сообщений: 5
Репутация: 12

Сообщение # 141 | 18:07:53
Все нет больше сил искать! Подскажите пожалуйста как изменить цвет текста в отмеченным красным поле? И как полностью поменять дизайн этого окна?
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 142 | 18:15:52
DJ_LeG, это что за окно ????

fflesh, кучу стилей killed DJ_LeG,

Сообщение отредактировал Miss_Esq - Понедельник, 28 Май 2012, 18:23:06
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 143 | 18:19:18
DJ_LeG,
Quote (DJ_LeG)
Все нет больше сил искать! Подскажите пожалуйста как изменить цвет текста в отмеченным красным поле?

Стилями.
За поле отвечает ID
Code
#subcomment{color:#F00;}

Соответственно.

Quote (DJ_LeG)
И как полностью поменять дизайн этого окна?

Отредактировать кучу стилей. Или найти готовые по запросу «Ajax стили»

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
DJ_LeG
Сообщений: 5
Репутация: 12

Сообщение # 144 | 18:25:48
Quote (Miss_Esq)
это что за окно ????

В комментариях нажимаю ответить появляется это окно.
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 145 | 18:35:41
DJ_LeG, Вас что там не устраивает ????

DJ_LeG
Сообщений: 5
Репутация: 12

Сообщение # 146 | 18:44:18
Miss_Esq, цвет вводимого текста. он белый и фон белый и его не видно. если можно объясните куда нажать и что изменить
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 147 | 18:52:45
DJ_LeG, В CSS в конце пропишите

textarea {color: #000;}

или так

textarea {color: #000!important;}

Eleazara
Сообщений: 78
Репутация: 23

Сообщение # 148 | 14:46:06
Добрый день. Прошу прощения если повторюсь.

Как поставить 3 формы комментариев. Основные, Фейсбук и ВК виджеты.
Чтобы были вкладки. Причем в виджетах страницы не предполагаются, а в основных имеются.
Где взять код виджетов рассказывать не нужно)

Если уже была тема, ткните пальцем пожалуйста.
=============

пример из 2х форм: http://fanfabrika.novy.tv/news/395
Сообщение отредактировал Eleazara - Четверг, 07 Июн 2012, 14:54:53
Rostislav
Сообщений: 2396
Репутация: 591

Сообщение # 149 | 17:26:13
Eleazara,

Процесс установки вкладок прекрасно расписан на сайте

http://www.center-dm.ru/news....-28-114

Дальше просто изменяете названия вкладок Стандарт, ВК, FB и содержимое - соответствующие виджеты

uni_folio
Сообщений: 12
Репутация: 0

Сообщение # 150 | 12:40:44
Как в коментариях добавить аватары пользователей.
Например как http://savepic.su/1324577.htm

Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Комментарии: настройка дизайна (работа стилями)
Поиск: