Автор: xmaxatx он же all4you Установка: 1. Первый шаг это скачать необходимые картинки и залить их на сайт в папку "images" , если такой папки нет, то создайте. Скачайте необходимые картинки! 2. Создать файл css, с помощью блокнота, прописать код ниже привидений и сохранить как ... css.css Загрузить в корень сайта css файл Этот код прописываем в файле css Code /* ====== Copyright by http://ucozscript.ru ====== */ .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 http://ucozscript.ru ====== */ 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>
|