1. Загрузить из папки В файловый менеджер папку (comments) со всем ее содержимым.
2. Перейти в панель управления сайтом Найти модуль (КОММЕНТАРИИ) и открыть код (Вид комментариев)
2. Удалить от туда весь старый код и вставить этот:
Код
<link rel="stylesheet" type="text/css" href="/comments/comment_by_art-ucoz_ru.css" />
<div id="comm">
<div class="ava">
<?if($USER_AVATAR_URL$)?>
<a href="$PROFILE_URL$" title="$USERNAME$">
<img alt="" src="$USER_AVATAR_URL$" /></a><?else?> <img alt="" src="/comments/no-avatar.png" /><?endif?>
</div>
<div style="padding-top:8px;padding-right:14px;color:#ffffff;float:right;font-size:11px;font-family:Arial,sans-serif;">
<?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 alt="" src="/comments/thumbu.png" width="13" align="absmiddle" border="0" title="Хороший пост"></a>
<a href="$BAD_COMMENT_URL$">
<img alt="" src="/comments/thumbd.png" width="13" border="0" align="absmiddle" title="Плохой пост"></a>
<?else?>
<img alt="" src="/comments/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост">
<img alt="" src="/comments/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост">
<?endif?> $MODER_PANEL$
</div>
<div class="commuser"><?if($USERNAME$)?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?> <span style="font-size:8pt;unicode-bidi:embed;">($DATE$ $TIME$)</span>
</div>
<div class="mess">
<div class="messtext">$MESSAGE$
</div>
</div>
</div>
Этот код в CSS:
Код
/*
* Autor: Buger
* Autor URL: http://art-ucoz.ru
* Site Autor: www.art-ucoz.ru
* Copyright 2013
* Jan 14
*/
#comm {
background:url("/comments/comment_styles.gif") #b0b0b0 repeat-x;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
width:100%;
margin-bottom:10px;
display:inline-table;
}
.ava {
float:left;
margin-left:25px;
margin-top:8px;
margin-right:12px;
background: #dddddd;
height:60px;
width:60px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 3px 3px 2px rgba(128,127,127,0.7);
-webkit-box-shadow: 2px 2px 5px rgba(128,127,127,0.6);
-moz-box-shadow: 2px 2px 5px rgba(128,127,127,0.6);
}
.ava img {
height:60px;
width:61px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.mess {
background:#eeeeef;
color:#444444;
margin-left:14px;
margin-top:34px;
margin-right:14px;
margin-bottom:17px;
padding:12px;
line-height: 18px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.commuser {
float:left;
padding-top:12px;
color:#dddddd;
font-size: 12px;
}
.commuser a {
color:#ffffff;
}
.commuser a:hover {
color:#dddddd;
}