[spoiler="Скрин"]
[/spoiler]
[Table]Вставляем в CSS в самый низ:[/Table]
Code
/* -- 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;}
[Table]Заходим в "Вид комментариев" все там удаляем и вставляем вот этот код:[/Table]
Code
<a name="comments"></a>
<div id="all_comments">
<div class="comment">
<div class="comment_header">
<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>
<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>
$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>
