Модератор форума: 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-конструктор для настройки стилей комментариев: Перейти »
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 151 | 13:11:54
uni_folio, отредактировать шаблон.

Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
uni_folio
Сообщений: 12
Репутация: 0

Сообщение # 152 | 14:05:09
mob_dp2,
Понятно, что отредактировать.

Люди кто поможет? Дайте код.

Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 153 | 14:14:33
uni_folio, используйте код $USER_AVATAR_URL$ в шаблоне "Вид комментария". Судя по вашей подписи, как сделать ссылку вы знаете.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 154 | 14:15:52
Quote (uni_folio)
Понятно, что отредактировать. Люди кто поможет? Дайте код.

То о чем я иногда говорю, эталонный пример.

uni_folio, изучите разницу между понятиями "помощь" и "работа" (хотя бы).
И да, суть вопроса тут пустяковая, я говорю о принципе таких просьб.

Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
Spore
Сообщений: 12
Репутация: 2

Сообщение # 155 | 12:39:16
После недавнего обновления и перезагрузки в комментариях изменился код вызова выпадающего меню подписки на комментарии (старый $SUBSCRIBE$ не работает). Как же вызвать этот список теперь?

Добавлено (08-Июл-2012, 12:39:16)
---------------------------------------------
Ребята, ну помогите, черт возьми! Не работает $SUBSCRIBE$! Не выводится выпадающий список. Уже не знаю что и думать.

Сообщение отредактировал Spore - Четверг, 21 Июн 2012, 16:58:45
-=fluffy=-1714
Сообщений: 1
Репутация: 0

Сообщение # 156 | 21:37:39
Народ, помогите, пожалуйста!
Пихнул форму добавления комментария в uWnd-окно. Когда нажимаю "Добавить", то выскакивает окно с ошибкой(см.ниже), хотя коммент всё равно добавляется. Как испраить? Если необходимо, могу выложить коды.

Добавлено (11-Июл-2012, 21:37:39)
---------------------------------------------

Quote (-=fluffy=-1714)
Народ, помогите, пожалуйста!
Пихнул форму добавления комментария в uWnd-окно. Когда нажимаю "Добавить", то выскакивает окно с ошибкой(см.ниже), хотя коммент всё равно добавляется. Как испраить? Если необходимо, могу выложить коды.


проблема решилась дополнительным скриптом))
Ellektra
Сообщений: 124
Репутация: 81

Сообщение # 157 | 22:12:39
Quote (Spore)
После недавнего обновления и перезагрузки в комментариях изменился код вызова выпадающего меню подписки на комментарии (старый $SUBSCRIBE$ не работает). Как же вызвать этот список теперь?


Проверьте версию библиотеки jquery, если 1.7.2js, замените более ранней версией!

WEB студия ELLEKTRA
webellektra.ru
Spore
Сообщений: 12
Репутация: 2

Сообщение # 158 | 00:26:43
Ellektra, спасибо. Но проблема решилась: после нововведений этот выпадающий список можно активировать только активировав функцию древовидного вывода комментариев в настройках сайта.
Ylenka
Сообщений: 18
Репутация: -4

Сообщение # 159 | 10:53:49
ПОЖАЛУЙСТА,ПОМОГИТЕ ВОССТАНОВИТЬ ШАБЛОН ДОБАВЛЕНИЯ КОММЕНТАРИЕВ!Хотела поменять дизайн,в итоге всё пропало mellow сайт www.alisa-shop.net
темуха
Сообщений: 1
Репутация: 0

Сообщение # 160 | 19:18:36
Добрый день.
Можно ли изменить размер блоков? как это сделать?
Можно ли сделать панель с блоками справа?
сайт: legosamodelkin.ucoz.ru
FeniX_kz
Сообщений: 1642
Репутация: 971

Сообщение # 161 | 19:26:05
темуха, не дублируйте свои сообщения. Ответ дан в другой теме://forum.ucoz.ru/forum/24-28740-1#887554

.::I'll be back::.
Выбор за тобой!
Винипух
Сообщений: 34
Репутация: 9

Сообщение # 162 | 22:45:39
Добрый день. Вопрос по отображению комментов в модуле "Блог". По умолчанию они выглядят там так
Code
<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>
<tr><td colspan="2">$COM_BODY$</td></tr>
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>
<tr><td colspan="2" height="10"></td></tr>
</table>
<?endif?>

<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
<?endif?>
<?endif?>

То есть комменты отображаются над формой. Как правильно переставить код, чтобы комменты отображались под формой и новый коммент добавлялся самым верхним. Заранее спасибо.
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 163 | 22:56:47
Code
<?if($COM_IS_ACTIVE$)?>  

  <?if($COM_CAN_ADD$)?>  
  $COM_ADD_FORM$  
  <?else?>  
  <?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>  
  <?endif?>   

  <?if($COM_CAN_READ$)?>  
  <table border="0" cellpadding="0" cellspacing="0" width="100%">  
  <tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>  
  <tr><td colspan="2">$COM_BODY$</td></tr>  
  <tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>  
  <tr><td colspan="2" height="10"></td></tr>  
  </table>  
  <?endif?>  

  <?endif?>

Чтоб первым - это где-то в настройках ставится, уже забыл.

Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 164 | 22:56:48
Quote
<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
<?endif?>
<?endif?>

<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>
<tr><td colspan="2">$COM_BODY$</td></tr>
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>
<tr><td colspan="2" height="10"></td></tr>
</table>
<?endif?>

не успел wink
Сообщение отредактировал bandjuk - Вторник, 17 Июл 2012, 22:57:26
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 165 | 22:59:02
Quote
Чтоб первым - это где-то в настройках ставится

настройка модуля блог

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