Вид комментариев для ucoz

/* -- CONTACT STYLE -- */  
#contact, .submit, .view_comments, .post_comment, .comment_header, .avatar, .avatar_frame {  
  background:url(../images/form.png) no-repeat;  
  border:0px none;  
  float:left;  
}  
#contact {  
  background-position:0px -100px;  
  width:630px;  
  height:444px;  
}  
#contact h3 {  
  margin:0px;  
  padding:8px 0 0 45px;  
  font-size:20px;  
}  
#contact input {  
  font-size:14px;  
  color:#838280;  
  padding:3px 0 0 6px;  
}  
#contact p {  
  color:#000;  
  font-size:12px;  
  float:left;  
}  
#contact .submit_button {  
  font-size:16px;  
  font-weight:bold;  
  border:0px none;  
  cursor:pointer;  
  width:128px;  
  margin:1px 0 0 7px;  
  background:transparent;  
}  
#contact .submit_button:hover {  
  color:#FFF;  
}  
#input_fields {  
  margin:20px 0 0 50px;  
  width:auto;  
  height:420px;  
}  
.contact_name {  
  width:auto;  
  height:26px;  
  float:left;  
  margin:20px 0 0 0px;  
}  
.contact_name input {  
  width:224px;  
  height:23px;  
  float:left;  
  margin: 0 16px 0 0;  
  border:0px none;  
}  
.cn {  
  margin:6px 0 0 0;  
  font-size:14px;  
  float:left;  
}  
.contact_text {  
  margin:20px 0 0 0px;  
  border:0px none;  
  width:540px;  
  height:166px;  
  float:left;  
}  
.contact_text textarea {  
  border:0px none;  
  font-size:14px;  
  color:#838280;  
  padding: 0 0 0 6px;  
  font-family:Arial,Helvetica,sans-serif;  
}  
.submit {  
  background-position: 0px -800px;  
  width:152px;  
  height:34px;  
  float:right;  
  margin:18px 53px 0 0;  
}  
.submit a {  
  color:#BFBFBF;  
  text-decoration:none;  
  display:block;  
  font-size:16px;  
  padding:6px 0 0 44px;  
  width:106px;  
  height:24px;  
  font-weight:bold;  
}  
.submit a:hover {  
  color:#FFF;  
}  
.clr{  
  clear:both;  
}  
/* -- INSIDE STYLE -- */  
.view_comments {background-position: 0px -800px; width:152px; height:34px;margin:5px 5px 0 0;}  
.view_comments a {color:#BFBFBF; text-decoration:none; display:block; font-size:16px; padding:6px 0 0 27px; width:120px; height:24px; font-weight:bold;}  
.view_comments a:hover {color:#FFF;}  
.post_comment {background-position: 0px -800px; width:152px; height:34px;float:right;margin:5px 5px 0 0;}  
.post_comment a {color:#BFBFBF; text-decoration:none; display:block; font-size:16px; padding:6px 0 0 20px; width:127px; height:24px; font-weight:bold;}  
.post_comment a:hover {color:#FFF;}  
#post_your_comment {float:left;width:auto; height:520px;}  
#all_comments {float:left; width:630px; display:block; margin:5px 0 5px 0; position:relative;}  
.comment {width:630px; height:auto; margin:5px 0; position:relative;}  
.comment_header {background-position: 0px 0px; width:629px; height:52px;float:left;margin: 0;font-size:12px;}  
.comment_header p {margin:10px 0 0 25px; font-weight:bold;}  
.comment_header span {color:#838280;}  
.comment_time {font-size:10px; margin:0 0 0 25px;}  
.avatar {background-position: 0px -600px;width:60px; height:60px; /*margin:-20px 0px 0 550px;*/ position:absolute; top:20px; right:20px;}  
.avatar_frame {background-position: 0px -700px;width:60px; height:60px;}  
.comment_text {width:627px; min-height:42px;float:left;margin:0px;background-color:#F2F2F2;padding:0 0 20px;}  
.comment_text div {margin:30px 0 0 25px; font-size:12px;width:250px;}  
.comment_empty {width:630px; height:40px; float:left;}

<a name="comments"></a>  
<div id="all_comments">  
<div class="comment">  
<div class="comment_header">  
<p><b>$NUMBER$</b> <?if($USERNAME$)?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?> <span>пишет:</span>$MODER_PANEL$</p>  
<span class="comment_time">($DATE$ $TIME$)</span><br />  
<div class="avatar">  
<div class="avatar_frame"><?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img align="center" src="$USER_AVATAR_URL$" width="60" border:2px border-style:inset #bebebd; /></a><?endif?></div>  
</div>  
</div>  
<div class="comment_text">  
<div>  
<p>$MESSAGE$</p>  
<hr>  
<?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://s28.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img src="http://s28.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img src="http://s28.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img src="http://s28.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"><?endif?>  
</div>  
</div>  
</div>