[spoiler="Exemplu"][/spoiler]
În CSS punem:
Cod
/*===COMMENTS===*/
table.comblock {background-color: #ffffff; }
table.comblock td.cblock-content {background: transparent url("http://poligonro.ucoz.com/images/comment/cblock_center_mtop.gif") left top repeat-x; }
table.comblock td.cblock-left { vertical-align: top; background: url("http://poligonro.ucoz.com/images/comment/cblock_middle_left.gif") left top repeat-y;}
table.comblock td.cblock-right { vertical-align: top; background: url("http://poligonro.ucoz.com/images/comment/cblock_middle_right.gif") right top repeat-y;}
table.comblock td.cblock-top {background: url("http://poligonro.ucoz.com/images/comment/cblock_center_top.gif") left top repeat-x;}
table.comblock td.cblock-bottom {background: url("http://poligonro.ucoz.com/images/comment/cblock_center_bottom.gif") left bottom repeat-x;}
table.comblock div.maincont { padding: 4px; }
.avatar img { width: 100px; height: auto; }
/*===END COMMENTS===*/
Şi în Appearance of comments:
Cod
<fieldset style="padding:2px;">
<table cellpadding="0" cellspacing="0" width="100%" style="background:#fff;">
<tr valign="top">
<td width="95"><div class="avatar">
<img src="$USER_AVATAR_URL$" id="photoCard" title="$USERNAME$"/>
<div>Nume: $NAME$</div>
</div>
</td>
<td>
<table class="comblock" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="28">
<img src="http://poligonro.ucoz.com/images/comment/cblock_left_top.gif" width="28" height="12" alt="" /></td>
<td class="cblock-top">
<img src="http://poligonro.ucoz.com/images/spacer.png" width="1" height="12" alt="" /></td>
<td width="12">
<img src="http://poligonro.ucoz.com/images/comment/cblock_right_top.gif" width="12" height="12" alt="" /></td>
</tr>
<tr valign="top">
<td class="cblock-left">
<img src="http://poligonro.ucoz.com/images/comment/cblock_left_mtop.gif" width="28" height="91" alt="" /></td>
<td class="cblock-content">
<span class="newstitle">$TITLE$</span>
<table cellpadding="0" cellspacing="0" width="60%"><tr>
<td><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?> | Data: $DATE$, $TIME$</td><td width="30%"> </td>
</tr></table>
<hr />
<div align='left'>$MESSAGE$</div>
<div align='right'>
<?if($ANSWER_URL$)?>[<a href="$ANSWER_URL$">Răspunde</a>]<?endif?>
<?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 src="http://s31.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="+1"></a> <a href="$BAD_COMMENT_URL$"><img src="http://s31.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="-1"></a><?else?><img src="http://s31.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="+1"> <img src="http://s31.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="-1"><?endif?> $MODER_PANEL$</div>
</div><div class="clr"></div>
</td>
<td class="cblock-right"><img src="http://poligonro.ucoz.com/images/comment/cblock_right_mtop.gif" width="12" height="62" alt="" /></td>
</tr>
<tr>
<td width="28"><img src="http://poligonro.ucoz.com/images/comment/cblock_left_bottom.gif" width="28" height="12" alt="" /></td>
<td class="cblock-bottom"><img src="/images/spacer.png" width="1" height="12" alt="" /></td>
<td width="12"><img src="http://poligonro.ucoz.com/images/comment/cblock_right_bottom.gif" width="12" height="12" alt="" /></td>
</tr>
</table>
</td>
</tr>
</table></fieldset>
<br>