» »

Красивый вид комментариев Groznap для uCoz


Красивый вид комментариев Groznap для uCoz

Для светлого дизайна создан, так как можно заметить небольшие тени у вид комментариев Groznap для uCoz и он сильно отличается от других. Видно что все доработано и есть в нем кнопка редактирование и сам ответ как функция, которая предназначена, для точной беседы или ответа. Есть похожий, то там уж сильно темная гамма большая, а здесь все умеренно сделано и подойдет на очень многие темы.

Довольно таки простой но не плохой вид комментариев для сайтов созданных в системе uCoz, оригинально смотрится некий свиток с ручкой в начале текста самого комментария что предаёт свою изюминку и свой характер данному скрипту. Так же можно заметить что данный скрипт вид комментариев поделен на две части с левой стороны выводится Ava а с правой части скрипта сам текст комментария и информация о том кто добавил комментарий и когда это было сделано.

Установка

Скопируйте код приведённый ниже и вставьте его в дизайн модуля комментарии в Вид комментариев^

Код
<table id="fImga$ID$" onMouseOver="fadeOpacity(this.id, 'oR1')" onMouseOut="fadeOpacity.back(this.id)" border="0" cellpadding="0" cellspacing="0" width="100%">  
<tr><td width="15%">  
<table border="0" cellpadding="0" cellspacing="0">  
<tbody><tr>  
<td>  
<div class="e_details01">  
<?if($USER_AVATAR_URL$)?><a title="Просмотреть профиль $USERNAME$" href="$PROFILE_URL$" target="blank"><img src="$USER_AVATAR_URL$" width="60px" border="0"></a><?else?><a title="$USERNAME$" href="$PROFILE_URL$"><img border="0" title="Просмотреть профиль $USERNAME$" src="http://zornet.ru/design_43/f_ico/yrtsa/noavatar.png" width="60px"></a>  
</div><?endif?>  
</td></tr>  
</tbody></table>  
</td>  
<td width="85%" align="right"><div class="e_details01">  
<table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tbody><tr><td width="6%"><img src="http://zornet.ru/design_43/f_ico/yrtsa/commentquote.png" onclick="emoticon('$USERNAME$, ','message');return false;" rel="nofollow" href="javascript://" title="Клик для цитирования $USERNAME$" border="0" width="60">  
</td>  
<td width="94%">  
<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 title="Хороший пост" src="http://zornet.ru/design_43/f_ico/yrtsa/thumbu.png" alt="" align="absmiddle" border="0" width="13"></a> <a href="$BAD_COMMENT_URL$"><img title="Плохой пост" src="http://zornet.ru/design_43/f_ico/yrtsa/thumbd.png" alt="" align="absmiddle" border="0" width="13"></a>  
<?else?><img alt="" src="http://zornet.ru/design_43/f_ico/yrtsa/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img alt="" src="http://zornet.ru/design_43/f_ico/yrtsa/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div>  
<div style="text-align: left;" class="cTop">  
<?if($IS_OWN$)?><span class="myWinError">*</span>  
<?else?><?if($IS_NEW$)?><span class="myWinSuccess">*</span> <?endif?><?endif?><a name="ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" href="#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 title="Перейти на страницу материала" target="_blank" href="$ENTRY_URL$">Материал</a>]<?endif?>  
</div>  
<div style="text-align: left; clear: both; padding-left: 10px;" class="cMessage">  
$MESSAGE$</div>  
<?if($ANSWER$)?><div style="text-align: left; clear: both;" class="cAnswer"><font color="#0BE00B"><b> Ответ</b>:</font> $ANSWER$</div><?endif?>  
<?if($ANSWER_URL$)?><div style="clear: both; padding-left: 15px; font-size: 7pt;">[<a href="$ANSWER_URL$">Ответить</a>]</div><?endif?>  
</td></tr>  
</tbody></table>  
</div>  
</td></tr></table><br>  
<style>  
  .e_details01 {  
padding:6px !important;  
background:#FFFFFF;  
border:1px solid#C9C9C9 !important;  
border-radius:6px;  
-moz-border-radius:6px;  
box-shadow:0px 0px 10px #e8e8e8;  
-moz-box-shadow:0px 0px 5px #dcdbd8;}  
</style>
19.09.2015 Просмотров: 448 Комментарий: (14)

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

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

Комментарий: 14
FeStemBer
FeStemBer 19.09.2015 01:091
0
Думаю один из первых видов комментариев, который сделан в таком дизайне, хоть и старый, сейчас, что было в том году, уже считается не новым, но бывает зайдешь на сайт и видишь его.
ZruBkul
ZruBkul 19.09.2015 01:152
0
Поменяю картинку, перо с лоскутом тетради и что то нужно поставить другое, и тогда можно смело устанавливать, то как то приелся, хотя и так органично вписывается.
Canon
Canon 19.09.2015 01:183
0
Не чего не нужно менять, так как оригинал и вид у него красивый, и правильно говорят, что можно на многих сайтах увидеть. Как видно кнопку установили, то после обновление, не мог даже найти ее, ушла в низ, и думаю на этом дизайне так было, но все создано как нужно.
Kosten
Kosten 19.09.2015 01:294
0
На любой сайт подойдет, на блог так вообще отлично по своему дизайну и графике.
Kosten
Kosten 19.09.2015 02:325
+1
Проверил вид на мобильные устройства, как он адаптирован, и что сказать, порадовали комментарий в плане настройки.

workman
workman 19.09.2015 20:167
0
KostenСпрячь аватарки от мобилок
Kosten
Kosten 19.09.2015 20:589
0
Не стал этого делать, возможно кому так нужно, если кто хочет спрятать , то читаем ЗДЕСЬ как сделать, чтоб мобильные устройства не видели, а вот уже ноутбук или компьютер, но по разрешению монитора, было видно.
workman
workman 19.09.2015 20:156
0
Забрал к себе под Гостевую книгу Спасибо админу!!!
Kosten
Kosten 19.09.2015 20:558
0
Не дурно смориться, еще бы к этим комментариям привинтить социальные закладки, или это слишком.
workman
workman 19.09.2015 21:0110
0
Покажи примерно скрином куда и я приклею их
workman
workman 19.09.2015 21:0111
0
По крайней мере очень постараюсЪ
Kosten
Kosten 19.09.2015 21:2112
0
Вообщем когда время будет.
workman
workman 19.09.2015 21:2213
0
А куда клеить то??? Внутрь или .... ???
Kosten
Kosten 20.09.2015 02:1914
0
Вообще не знаю, да пусть остается как есть, а социальные и так не дурно смотрятся.
avatar