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

Сообщение # 181 | 02:33:11
webanet, огромное вам спасибо!

p.s. Эх, а я невнимательный =(
ПГ
Сообщений: 14
Репутация: 0

Сообщение # 182 | 11:44:14
Здравствуйте!
Как сделать, чтобы при добавлении комментариев по умолчанию была установлена подписка на ответы на него?
Сообщение отредактировал ПГ - Пятница, 12 Апр 2013, 11:44:33
reformator
Сообщений: 2034
Репутация: 534

Сообщение # 183 | 12:09:16
Цитата (ПГ)
Как сделать, чтобы при добавлении комментариев по умолчанию была установлена подписка на ответы на него?


ПУ - Пользователи - Настройки модуля ....в пункте "Включить функцию "Подписка на рассылку" (Массовая рассылка):" нужно поставить галочку....но все же пользователь сам будет решать подписываться ему на рассылку или нет!

ПГ
Сообщений: 14
Репутация: 0

Сообщение # 184 | 12:19:18
Цитата (Nuras_Bolandi)
ПУ - Пользователи - Настройки модуля ....в пункте "Включить функцию "Подписка на рассылку" (Массовая рассылка):" нужно поставить галочку....но все же пользователь сам будет решать подписываться ему на рассылку или нет!
Вы вообще не о том...

Кажется, это можно сделать совсем маленьким скриптом, который для знающего человека - раз плюнуть, но я вообще не программист, у меня не получается правильно его написать.
Сообщение отредактировал ПГ - Пятница, 12 Апр 2013, 12:21:23
razvitielip
Сообщений: 1
Репутация: 0

Сообщение # 185 | 14:31:19
Добавляю форму коментария, всё нармально, дизайн красивый, но код почему-то не действует.... Видная только неактивная форма.
Астра
Сообщений: 847
Репутация: 260

Сообщение # 186 | 14:50:59
razvitielip, Вы можете: посмотреть на звезды и построить гороскоп исходя из даты создания сайта и его сервера, заварить кофе (не растворимый) и погадать на кофейной гуще, раскинуть карты - обычно помогает
Если указанные способы не действуют, советую предоставить адрес сайта и код шаблона комментариев
Chara
Сообщений: 55
Репутация: 7

Сообщение # 187 | 09:56:37
Кто может помочь за небольшое вознаграждение помочь с видом комментарий? Покажу пример. Напишите пожалуйста в ЛС.
†Angel†
Сообщений: 387
Репутация: 128
Уровень замечаний:

Сообщение # 188 | 14:27:45
Помогите сделать так, чтобы в комментарии, например рядом с ником комментирующего если это автор комментируемого материала, отображалось слово Автор.

Если например фотографию или новость или другой материал добавил Вася Пупкин, то рядом с его ником в комментарии к этой новости или фотографии было как на скрине:

Прикрепления: 6637165.jpg (79.5 Kb)

Adguard - Рекламы не будет!
Сообщение отредактировал †Angel† - Понедельник, 07 Окт 2013, 14:31:18
KisankA
Сообщений: 65
Репутация: 17

Сообщение # 189 | 06:50:35
Доброе утро! Подскажите пожалуйста как сделать ограничение в минимум 50 символов для комментариев? А то достали писать "красиво" или "клёво" wacko , лишь бы получить доступ к скачиванию((
Corsair
Сообщений: 32
Репутация: 3

Сообщение # 190 | 12:54:18
Всем доброго времени суток.
Ребят, подскажите, пожалуйста, как сделать текст комментариев определённого человека определённым цветом, можно через group_id или user_id; в html или в CSS, всё равно.
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 191 | 13:06:28
Corsair, условными операторами через $USERNAME$
Corsair
Сообщений: 32
Репутация: 3

Сообщение # 192 | 14:56:39
Там просто никнейм начинался со знака "-", поэтому в условном операторе что-то не считалось. Но я уже разобрался. Благодарю
†Angel†
Сообщений: 387
Репутация: 128
Уровень замечаний:

Сообщение # 193 | 16:27:01
И всё же как сделать так как описано в сообщении #189 sad
Так сделано в магазине шаблонов uCoz, пример http://utemplate.pro/shop/263/desc/insistent

Прикрепления: 3533011.jpg (39.0 Kb)

Adguard - Рекламы не будет!
Сообщение отредактировал †Angel† - Суббота, 02 Ноя 2013, 16:27:24
Sentimo
Сообщений: 681
Репутация: 158

Сообщение # 194 | 17:45:30
†Angel†, Вот, взял у них, надеюсь не забанят smile

$('.com-name').each(function(){
if ($(this).find('.c-author-link').attr('href').split('-').slice(-1)[0] === '34') {$(this).parent().find('.t-owner').html('Автор шаблона').css('display', 'inline-block');}
});

Только нужно адаптировать под свои классы.
Tyzemec
Сообщений: 82
Репутация: 0

Сообщение # 195 | 21:03:35
Коллеги, добрый день!
Прошу помощи:

при просмотре страницы через оперу и мозиллу выявляется баг - фон в
разделе комментариев смешивается с основным фоном сайта (подложкой).
В эксплорере и яндексе такого нет, там просто белый фон.
В CSS не понял, откуда ноги растут.




Прикрепления: 6240928.jpg(114Kb)


Добавлено (17 Ноя 2013, 21:03:35)
---------------------------------------------
Friends, please help!!!
Сообщение отредактировал Tyzemec - Воскресенье, 17 Ноя 2013, 21:06:28
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Комментарии: настройка дизайна (работа стилями)
Поиск: