ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Красивый вид комментариев SARE для сайта Ucoz

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

Красивый вид комментариев SARE для сайта Ucoz
Представляю сам красивый вид комментариев для сайта Ucoz. Вид по дизайну просто выполнен шикарно .Ошибок нет, тот кто его создавал видать пришло вдохновение. Вид комментариев предназначен для светлых шаблонах. Как заметили с видом идет аварат и это ему придает больной шик. Советую обратить на его внимание.
Как установить наш вид:
Установка до ужасти проста. П.У - Комментарии - Вид комментариев, убираем старый код и ставим наш красивый код (вид материала). Не забываем все сохранить и радуемся.
Вот код:
Код
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="cBlock1"><tr><td style="padding:3px;">  
  <table cellpadding="0" cellspacing="0" width="100%">  
  <tbody><tr>  
  <td style="background: none repeat scroll 0% 0% rgb(242, 242, 242);border-right: 1px solid rgb(225, 225, 225);" align="left" valign="top">  
  <div style="padding: 2px;"> <center> <div class="avatar-top"> <div class="avatar-bottom"> <div class="avatar-mid"> <?if($USER_AVATAR_URL$)?> <a href="$PROFILE_URL$"><img src="$USER_AVATAR_URL$" style="cursor: pointer; padding-right: 1px;" border="0"></a><?else?> <a href="$PROFILE_URL$"><img src="http://www.cssomsk.ru/csomsk/no-ava-cs.png"  
  style="cursor: pointer;padding-right: 1px;" border="0" > </a> <?endif?></div></div></div></center></div> </td>  
  <td align="left" valign="top" width="100%">  
<div style="float: left;"><b>$NAME$</b>  
<?if($USERNAME$)?><span style="unicode-bidi:embed;">[<a href="$PROFILE_URL$">$USERNAME$</a>]</span><?endif?> | Комментарий № <b>$NUMBER$</b> | Дата: <b>$DATE$</b>$MODER_PANEL$</div><br></div>  
  <div class="mesR" style="padding: 5px;">$MESSAGE$<br><br><span style="font-size: 10pt;"><i> <?if($ANSWER$)?><div class="cAnswer" style="text-align:left;clear:both;"><b>Ответ</b>: $ANSWER$</div><?endif?></i></span><br></div>  
   
  </td>  
  </tr>  
  </tbody></table> </td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="com-shadow"></td></tr></tbody></table><style> .cBlock1, .cBlock2 {  
  border: 1px solid #CCCCCC;  
background:#f7f7f7;  
  }  
  .com-shadow {  
  height: 16px;  
  width: 100%;  
  background: url(http://zornet.ru/zornet_ru1/com-shadow.png) no-repeat top right;  
  }  
  .avatar-top {  
  width: 99px;  
  padding-top: 11px;  
  background: url(http://zornet.ru/zornet_ru1/avatar-top.png) no-repeat;  
  }  
  .avatar-bottom {  
  width: 99px;  
  padding-bottom: 7px;  
  background: url(http://zornet.ru/zornet_ru1/avatar-bottom.png) no-repeat bottom left;  
  }  
  .avatar-mid {  
  width: 99px;  
  padding-bottom: 3px;  
  background: url(http://zornet.ru/zornet_ru1/avatar-mid.png);  
  }  
  .avatar-mid img {width: 80px;}  
  .commFl {background: #fff url(http://zornet.ru/zornet_ru1/no_spam.png) no-repeat bottom right;}  
  </style>
04 Ноября 2012 Просмотров: 2339 Комментариев: (0)

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

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

Оставь свой отзыв

Комментарии: 0
avatar