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

Сообщение # 121 | 19:01:52
Отлично, помог код $LEVEL$, с помощью его выставил условие. Всем спасибо, разобрался хоть.
GeR@In
Сообщений: 141
Репутация: 19

Сообщение # 122 | 17:17:18
что можно зделать, чтобы когда добавляешь к коментариям картинку, с помощью [img][/img], то коментарий не разьежался от больших картинок, а уменьшал их до нужных размеров, как например это делает форум.
Как я понял, системно таких настроек не придусмотрено, как на форуме? КАК быть? срочно надо, не могу же я говорить всем пользователям, типа: не кидайте больших картинок, у меня дизайн разьежается...

Более 100 бесплатных, внешних ссылок на ваш сайт. подробности
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 123 | 23:41:33
Quote (GeR@In)
что можно зделать, чтобы когда добавляешь к коментариям картинку, с помощью [img][/img], то коментарий не разьежался от больших картинок, а уменьшал их до нужных размеров, как например это делает форум.

css, max-width, max-height

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

Сообщение # 124 | 01:04:39
Quote (mob_dp2)
css, max-width, max-height


пробывал с помощью этого:
Code
<style type="text/css">  
  /* StartStyle */  
  td.posttdMessage img{max-width:400px!important;height:auto!important;}  
  * html td.posttdMessage img{width:expression((this.width>399)?'400px':true);}  
  /* EndStyle */  
  </style>


На форуме работает, в коментариях не хочет.
Ещё варианты есть?

Более 100 бесплатных, внешних ссылок на ваш сайт. подробности
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 125 | 01:07:08
Quote (GeR@In)
  td.posttdMessage img{max-width:400px!important;height:auto!important;}    * html td.posttdMessage img{width:expression((this.width>399)?'400px':true);}  

Что это за хрень?

Code
td.posttdMessage img {max-width: 400px; max-height:400px;}

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

Сообщение # 126 | 01:11:10
mob_dp2,
Quote (mob_dp2)
td.posttdMessage img {max-width: 400px; max-height:400px;}

Это тоже не будет работать в комментариях ))) Как ни крути ...
В стандартных комментариях, по моему, класс: cMessage
Так что:
Code
div.cMessage img{max-width:400px;max-height:400px;}


mob_dp2,
Quote (mob_dp2)
Речь шла про мусор в ксс.

Это не мусор, а вынужденная необходимость ) (ИЕ6)

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
Сообщение отредактировал fflesh - Вторник, 13 Мар 2012, 01:41:17
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 127 | 01:15:28
Quote (fflesh)
Это тоже не будет работать в комментариях ))) Как ни крути ...

Поменять/дописать селектор или перестроить шаблон комментариев.
Речь шла про мусор в ксс.

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

Сообщение # 128 | 05:02:09
fflesh, Спасибо большое, проблема решена.
С условными операторами, в соседней теме тоже помогло, спасибо.

Более 100 бесплатных, внешних ссылок на ваш сайт. подробности
Lan64
Сообщений: 45
Репутация: 21

Сообщение # 129 | 20:42:03
Скажите , пожалуйста, где можно настроить поля формы добавления комментариев.
Може просто туплю , но в ПУ пока не нашел.
У меня почему-то при отсылке коммента не проверяется поле e-mail.
Имя,сообщение,картинка проверяется и выдает соответствующее сообщение в случае их отсутствия.
Таким образом появилось много коментов без e-mail
GeR@In
Сообщений: 141
Репутация: 19

Сообщение # 130 | 05:25:32
Lan64, ПУ -> управление дизайном -> Форма добавления комментариев
Для коментариев нет отдельного модуля, поэтому они не выводятся в меню слева.

Более 100 бесплатных, внешних ссылок на ваш сайт. подробности
Lan64
Сообщений: 45
Репутация: 21

Сообщение # 131 | 17:15:00
GeR@In, Спасибо за ответ.
Это я нашел сразу. Но мне нужно сделать поле e-mail обязательным. Этого в управлении дизайном не сделаешь. Нужно сделать правку в самом скрипте. А у меня нет доступа к скрипту.
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 132 | 19:03:28
Lan64,
Quote (Lan64)
А у меня нет доступа к скрипту.

Как это нет доступа?
Форма добавления комментариев редактируется - пиши любой скрипт проверки.

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

Сообщение # 133 | 13:36:14
Здравствуйте, подскажите пожалуйста как сделать так, чтобы когда нажимаешь на ник в комментариях, он появлялся в окошке для ввода сообщения, как на форуме. Спасибо.
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 134 | 18:07:12
Firechild,
Quote (Firechild)
Здравствуйте, подскажите пожалуйста как сделать так, чтобы когда нажимаешь на ник в комментариях, он появлялся в окошке для ввода сообщения, как на форуме. Спасибо.

Code
<a onclick="emoticon('[b]$USERNAME$[/b],');return false;" href="javascript://"><b>$USERNAME$</b></a>

...

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

Сообщение # 135 | 20:28:54
Здравствуйте, не подскажете есть ли такое, что бы при создании темы в форуме выводилось не только название описание и текст, а еще несколько других, и они использовались бы как теги?
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Комментарии: настройка дизайна (работа стилями)
Поиск: