1. В первую очередь скачиваем необходимые картинки и заливаем их на сайт в папку "images" , если такой папки нет, то создайте.
2. Далее создаем файл css, с помощью блокнота, прописать код ниже привидений и сохранить как css
После чего загружаем на сайт css файл и прописываем данный код в файле
Code
/* ====== Copyright by all4you ====== */
.abl12 {
background-image: url(/images/dlet_abl12.gif);
background-repeat: no-repeat;
}
.abl121 {
background-image: url(/images/dlet_abl121.gif);
background-repeat: no-repeat;
background-position: top right;
}
.abl22 {
background-image: url(/images/dlet_abl22.gif);
background-repeat: repeat-x;
/*height: 42px;*/
}
.abl221 {
background-image: url(/images/dlet_abl221.gif);
background-repeat: no-repeat;
}
.abl222 {
background-image: url(/images/dlet_abl222.gif);
background-repeat: no-repeat;
background-position: top right;
}
.abl31 {
background-image: url(/images/dlet_abl31.gif);
background-repeat: repeat-y;
}
.abl33 {
background-image: url(/images/dlet_abl33.gif);
background-repeat: repeat-y;
}
.abl42 {
background-image: url(/images/dlet_abl42.gif);
background-repeat: repeat-x;
}
.dateitm {
color: #ff0000;
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
text-decoration: none;
}
.serv {
color: #555555;
font-size: 9px; /* ! */
font-family: tahoma; /* ! */
text-decoration: none;
}
.serv a:active, .serv a:visited, .serv a:link {
color: #06bab4;
text-decoration: underline;
}
.serv a:hover {
color: #06bab4;
text-decoration: none;
}
/* ==================== */
.category {
color: #ffffff;
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
text-decoration: none;
}
.category a {
color: #ffd200;
text-decoration: underline;
}
.category a:hover {
color: #fff600;
text-decoration: none;
}
/* ==================== */
/* ==================== */
.slink {
color: #ffffff;
font-size: 9px; /* ! */
font-family: tahoma; /* ! */
text-decoration: none;
}
.slink a:active, .slink a:visited, .slink a:link {
color: #ffffff;
text-decoration: underline;
}
.slink a:hover {
color: #ffffff;
text-decoration: none;
}
/* ==================== */
.stext {
color: #555555;
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
text-decoration: none;
}
.stext a:active, .stext a:visited, .stext a:link {
color: #5078d5;
text-decoration: underline;
}
.stext a:hover {
color: #5078d5;
text-decoration: none;
}
.border {
color: #555555;
background-color: #e0e7f8;
border: 1px dotted #afc2ec;
font-weight: bold;
padding: 5px;
}
/* ====== Copyright by all4you ====== */
3. После чего заходим в Управление дизайном - Комментарии -Вид комментариев
Удаляем все что там есть и вставляем следующий код:
Code
<link type="text/css" rel="StyleSheet" href="/css.css" />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" align="left" valign="top"><img src="/images/dlet_abl11.gif" width="20" height="30" alt="" /></td>
<td align="left" valign="top" class="abl12"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="abl121">
<tr>
<td width="110" align="left" class="dateitm">$LEVEL$</td>
<td width="20" height="30"><img src="/images/spacer.gif" width="20" height="1" alt="" /></td>
<td align="left" class="category">написал: <b>$USERNAME$</b> | ($DATE$ $TIME$) | <b>$COMMENT_RATING$</b><b>$COMMENT_RATING$</b><b>+$COMMENT_RATING$</b><b>+$COMMENT_RATING$</b> <a href="$GOOD_COMMENT_URL$"><img src="http://s31.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img src="http://s31.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="Плохой пост"></a><img src="http://s31.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img src="http://s31.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"> | **<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></td>
</tr>
</table></td>
<td width="20" align="right" valign="top"><img src="/images/dlet_abl13.gif" width="20" height="30" alt="" /></td>
</tr>
<tr>
<td width="20" align="left" valign="top"><img src="/images/dlet_abl21.gif" width="20" height="42" alt="" /></td>
<td align="left" valign="top" class="abl22"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="42" align="left" valign="top" class="abl221"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="34" align="left" class="serv">[<a href="$ANSWER_URL$">Ответить</a>] <img src="/images/dlet_bod02.gif" width="16" height="6" alt="" />$MODER_PANEL$</td>
</tr>
</table></td>
<td width="430" align="right" valign="top" class="abl222"><table width="376" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="360" align="center" class="slink"></td>
<td width="16" height="18"><img src="/images/spacer.gif" width="16" height="1" alt="" /></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" align="right" valign="top"><img src="/images/dlet_abl23.gif" width="20" height="42" alt="" /></td>
</tr>
<tr>
<td width="20" align="left" valign="top"><img src="/images/dlet_abl31.gif" width="20" height="5" alt="" /></td>
<td><img src="/images/spacer.gif" width="1" height="5" alt="" /></td>
<td width="20" align="right" valign="top"><img src="/images/dlet_abl33.gif" width="20" height="5" alt="" /></td>
</tr>
<tr>
<td width="20" align="left" valign="top" class="abl31"><img src="/images/spacer.gif" width="20" height="1" alt="" /></td>
<td align="left" valign="top" class="stext">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="110" valign="top" class="stext" style="line-height: 15px"><br><center><a href="$PROFILE_URL$" title="$USERNAME$"><img src="$USER_AVATAR_URL$" width="100" border="0" /></a>
<a href="$PROFILE_URL$"><b>$USERNAME$</b></a></center>
</td>
<td class="stext" valign="top" style="line-height: 15px">$MESSAGE$
</td>
</tr>
</table>
</td>
<td width="20" align="right" valign="top" class="abl33"><img src="/images/spacer.gif" width="20" height="1" alt="" /></td>
</tr>
<tr>
<td width="20" align="left" valign="top"><img src="/images/dlet_abl31.gif" width="20" height="5" alt="" /></td>
<td><img src="/images/spacer.gif" width="1" height="5" alt="" /></td>
<td width="20" align="right" valign="top"><img src="/images/dlet_abl33.gif" width="20" height="5" alt="" /></td>
</tr>
<tr>
<td width="20" align="left" valign="top"><img src="/images/dlet_abl41.gif" width="20" height="40" alt="" /></td>
<td class="abl42"> </td>
<td width="20" align="right" valign="top"><img src="/images/dlet_abl43.gif" width="20" height="40" alt="" /></td>
</tr>
</table>