» »

Вид комментариев для uCoz с эффектом ответа


Вид комментариев для uCoz с эффектом ответа

Сейчас какие только не делают комментарий на сайте и чтоб по дизайну отлично смотрелись и эффективность была на высоте. Так и пришлось один просто переделать вид, который по умолчанию идет такой от автора. Но теперь он отличный вид комментариев в светлом дизайн, у которого есть эффект ответа. А это кто отвечает, у того пост будет белый, а кто просто пишет, тогда серый. Было немного добавлено обвода, чтоб ясно видно, где кто отписал, также там не было ответа, что был добавлен, а вот рейтинг был убран, так как считаю немногие его устанавливают.

Установка:

Вид комментариев в админ панели меняем скрипт.

Код
<div style="position:relative;padding-bottom:7px;" class="mcontcomm">  
<?if($LEVEL$="0")?><div style="border:1px solid #C7C6C6;padding:5px;background-color:#f1f1f1; min-height: 62px;border-radius: 5px;"><?else?>  
<div style="border:1px solid #C7C6C6;padding:5px;background-color:#ffffff; min-height: 62px; border-radius: 5px;">  
<?endif?>  
<div class="avacomUDS"><a title="Профиль пользователя" href="<?if($PROFILE_URL$)?>$PROFILE_URL$<?else?>#<?endif?> "><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://zornet.ru/CSS-ZORNET/Gresan/Sertsa/comm_added_no_av.png<?endif?>"></a></div>  
<div class="textcomUDS">  
<div class="usernamelinkUDS"><?if($ANSWER_URL$)?><a href="$ANSWER_URL$" title="Ответить" class="usernamelinkUDS" style="padding-left: 1px;" class="bbb"><?if($USERNAME$)?>$USERNAME$<?else?>$NAME$<?endif?></a><?else?><?if($USERNAME$)?><span class="bbb">$USERNAME$</span><?else?><span class="bbb">$NAME$</span><?endif?><?endif?>  
<span class="datesmall">написал $DATE$ в $TIME$</span>$MODER_PANEL$  
</div>  
  <div style="padding-right: 50px;">  
$MESSAGE$  
  </div>  
<div align="right" style="clear:both;font-size:7pt;color:#666666;">  
<?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?>  
</div>  
</div>  
</div>  
</div>


CSS:

Код
.datesmall{font-size:10px;color:#adadad;}  
.ratecomUDS{padding: 5px 7px 5px 5px; float:right; font-size:7pt; font-weight: bold; clear:both;font-size:7pt;color:#666666;}  
.ratecomUDS span {color: #318bbf;}  
.bbb {font-weight:bold; color:#666666;}  
.bbb_p {font-weight:bold;color:#666666;}  
.mcontcomm{padding-left:5px;padding-right:5px;display:block; color: #666666;line-height:11px;font-size:11px; font-family:tahoma;}  
.mcontcomm a{color: #666 !important; text-decoration:none; font-weight: bold;}  
.mcontcomm a:hover {color: #44bbff !important; text-decoration:none;}  
.usernamelinkUDS{font-size:11px !important; padding:2px 2px 2px 0;}  
.avacomUDS {float: left;border: 1px #d2d2d2 solid; padding: 2px; position: absolute;border-radius: 51px;}  
.avacomUDS img {width: 55px;height: 55px;border-radius: 51px;}  
.avacomUDS a img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}  
.avacomUDS a:hover img { opacity:0.6; -moz-opacity:0.4; filter:alpha(opacity=70); }  
.textcomUDS {padding-left: 65px;}


также немного были закруглены углы, кому это не нужно, находим в коде border-radius: 5px; или ставим на ноль, или больше, кому как, в стилях они не прописаны.
04.04.2016 Просмотров: 454 Комментарий: (11)

Поделиться в социальных сетях

Материал разместил

Комментарий: 11
Scheme
Scheme 04.04.2016 16:251
+2
Так нормально переделано, но лучше сделать, чтоб кто разместил материал, у него комментарий отличался и к примеру был также серым. А то просто кто отвечает, у того светлый, хотя и так какой не какое разнообразие.
Kosten
Kosten 04.04.2016 16:312
0
Есть от вебочки, такого типа скрипт, но там написано автор материала, что думаю к примеру на этом сайте он не пойдет, есть авторские скрипты от Воркмана, но он их размещает на форуме.
Scheme
Scheme 04.04.2016 16:353
0
Тот скрипт видел, но не разбирал, но все равно он под операторами стоит, чтоб выводил автора, также можно написать "Материал разместил" и все нормально. Так о чем я, просто взять операторы и перекинуть сюда и кто разместил, у того комментарий будет отличаться.
Kosten
Kosten 04.04.2016 16:394
0
Но так все можно сделать, но думаю лучше оставить как есть, не говорю что так не нужно, это мое мнение.
tsakonter
tsakonter 04.04.2016 16:425
0
А вам не кажется, что сильно шрифт мелкий, есть сайты, под которые подойдет, но под такие как здесь, не думаю что удачно будет вписан в дизайн.
Kosten
Kosten 04.04.2016 16:476
0
Но тут нужно понять на какой рассчитано, а точнее на какой шаблон, есть где ставят 11 - размет и здесь также выставлено. Просто на фиксированном сайте, большой шрифт не очень так смотрится. Но также вы сможете просто его сделать больше, что на тестовом сайте делал, не так подошел. там нужно под него немного и аварат больше делать. Но все можно сделать, это главное, ведь всего одна ссылка идет на нем, это на но ава, все остальное скрипт и стили.
Scheme
Scheme 04.04.2016 16:487
0
Все же попробую сделать, если что получится, напишу, просто мне так больше нравиться, чем автор написано.
Сафрон
Сафрон 04.04.2016 16:548
0
Не понимаю, что важней, это рейтинг в комментариях, или ответ, так как ответ можно написать ниже.
Scheme
Scheme 04.04.2016 21:049
0
Лучше оставить как есть, все очень просто и выводит нормально. У других, вообще стандартные, но от социальных красиво сделано.
Сопрано
Сопрано 27.05.2016 17:3810
0
Что то и не заметил, сейчас посмотрим как подойдет, то просто немного уже надоедает, все комментарий одной разработки.
Kosten
Kosten 27.05.2016 18:0211
0
Но не так сильно отличается, но есть какое то различие, если подойти с умом, а не так, что поставил и не идет, всегда можно оттенки подогнать. что то свое добавить. хотя считаю. чем меньше функций тем лучше, если это комментарий, ответил и залить изображение и все, вполне хватает.
avatar