» »

Новый вид комментариев DAREW для uCoz


Новый вид комментариев DAREW для uCoz

Новый вид комментариев uCoz, создан в светлых тонах, красиво будет смотреться на светлых дизайн сайтов. Вид имеет картинку пользователя, так же на нем будут выставляться смайлы. Бал создан на светло серые сайты по своему оттенку цвета.
Приступим к установке:
П. У-> Управление дизайном -> Комментарии -> Вид материалов, убираем все и ставим этот код.

Код

<div style="width:auto;*width:100%;margin-left:20px;" id="appEntry1975"><b></b></div><div id="comEnt1973"><div style="padding-top:5px;"></div>  
<div style="border:1px solid #ccc; border-right:0px; margin-left:-1px;" class="lokol">  
<table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tr>  
<td style="border-right:1px solid #ccc; background:#fff; padding:5px; width:50px;" valign="top">  
<div style="display:none;" class="stati"></div>  

<img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/images/noavatar.png<?endif?>" width="50px" border="0" />  

</td>  
<td style="background:#fafafa;" valign="top">  
<div style="border-bottom:1px solid #ccc; background:#f5f5f5 url(/images/new/highlight_faint.png) repeat-x top; padding:5px 5px; color:#999; text-shadow:0px -1px 0px #fff;">  
<div style="float:right;"><div class="ofids">  
<?if($IS_OWN$)?><div style="text-align:center; color:green;"></div><?else?><div style="display:none; text-align:center; color:green;" class="stati">$PROFILE_URL$</div><?endif?>  
</div></div>  
<span><a href="$PROFILE_URL$"><b><?if($USERNAME$)?>$USERNAME$<?else?>$NAME$<?endif?></b></a></span><span style="padding:0px 5px;"></span>$DATE$ $TIME$ <?if($ANSWER_URL$)?><img src="http://zornet.ru/Ajaxoskrip/Frank/Office-Customer-Male-Light-icon.png" style="margin-bottom: -1px; margin-right: 1px;">  
<a href="$ANSWER_URL$" style="color:#333; font-weight: normal; text-shadow:0px 1px 0px #fff;">Ответить</a><?endif?>  
</div>  
<div style="padding:5px; line-height:15px; background:#fafafa url(/images/main_top_gradient.png) repeat-x top;">$MESSAGE$</div>  
</td>  
</tr></table>  
</div></div>  

<script type="text/javascript">  
$('.ofids').css({'opacity' : '0.0'});  
$('.lokol').hover(function(){  
$(this).find('.ofids').stop().animate({opacity: '1'}, 200);  
},function(){  
$(this).find('.ofids').stop().animate({opacity: '0'}, 100);  
});  
</script>  
<script type="text/javascript">  
  $.get('/index/62', function(d){ // uSite.su  
  var dll = $('cmd[p="content"]',d).text();  
  $('a',dll).each(function(){  
  var tik = $(this).attr('href');  
  $('.stati').each(function(){  
  if($(this).text() == tik){ $(this).text('Online').show(); }  
  });  
  });  
  });  
  </script>
13.04.2012 Просмотров: 962 Комментарий: (8)

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

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

Комментарий: 8
Qiwizaliv100
Qiwizaliv100 23.12.2015 17:231
0
Хороший вид комментариев, где с левой стороны стоит аватар.
AnTron
AnTron 23.12.2015 17:502
0
Что то не очень смотриться он, но сейчас поставлю и проверю, как вообще будет смотрется на светлом сайте.
Kosten
Kosten 23.12.2015 18:233
0
AnTron, не нужно проверять, все проверил, и так лишнее убрал, да поставил одну ссылку.
FeStemBer
FeStemBer 23.12.2015 20:594
0
Какой старый комментарий, его много где видел на сайте, а чтоб его кто то устанавливал, не встречал.
Kosten
Kosten 23.12.2015 21:277
0
Но если старый, что все значит свое отработал по твоему мнению. Кому то и понравиться.
Сопрано
Сопрано 23.12.2015 21:095
0
Но а что если комуто не нравятся, те которые идут на сайте, так лучше эти комментарий поставить.
nikolla76
nikolla76 23.12.2015 21:196
0
Вообще нормально смотриться, не знаю, что там вам не понравилось.
Kosten
Kosten 23.12.2015 21:288
0
Все правильно, главное все обгадить, когда еще не чего не установили.
avatar