Вид комментариев с аватаром v2.0

ПРОФИЛЬ

-MEDWED-

Дата: Вторник, 13.01.2009, 18:19 | Сообщение # 1

Admin

Группа: Администраторы

Статус сообщение:

Сообщений: 464

Статус:

У вас

Вот и мой вид комментариев. Думаю многим понравится, так же выставляю по многочисленным просьбам)

(!) Пример чего у нас должно получится:

И так приступим:
1. Скачиваем архив с картинками и заливаем в файловый менеджер - в папку (images) [ Скачать (34Kb) ]
2. Этот код вставляем в самый конец вашего css:

Quote

#hd a{font-size:11px;
color:#FFFFFF;
text-decoration:none;
font-family:Tahoma}
#hd a:hover{font-size:11px;
color:#FFFFFF;
text-decoration:none;
border-bottom:1px dashed #ffffff}
#slink a{text-decoration:none;
color:#666666;
border-bottom:1px dashed #c42c2d;
font-size:10px;}

#slink a:hover{color:#ffffff;
background-color:#c42c2d;
text-decoration:none;
font-size:10px;}

table {
border: 0px;
font-size: 11px;
border-collapse: collapse;
}
table td {
padding: 0px;
font-size: 11px;
}

A {
font-family: tahoma;
font-size: 11px;
color: #000000;
text-decoration: none;}
A:hover {
font-family: tahoma;
font-size: 11px;
color: #000000;
text-decoration: none;}
.M1 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: bold;}
.M2 {color: #808080; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none;}
.M2 img{background: url(http://allcomedyclub.ru/loading.gif) no-repeat 50% 50%; }
.M2 a {color: #595959; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none;}
.M2 a:visited {color: #595959; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none;}
.M2 a:hover {color: #595959; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:underline;}
.M3 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: ; font-weight: bold; }
.M18 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: ; font-weight: bold; }
.M4 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FF9966; font-weight: bold;}
.M5 {font-family: Arial, Helvetica, sans-serif; color: #808080; font-size: 12px;}
.M6 {font-family: tahoma; color: #000000; font-size: 6px;}
.M7 {color: #595959; font-family: Verdana, sans-serif; font-size: 10px; text-decoration:none;}
.M7 a {color: #595959; font-family: Verdana, sans-serif; font-size: 10px; text-decoration:none;}
.M7 a:visited {color: #595959; font-family: Verdana,sans-serif; font-size: 10px; text-decoration:none;}
.M7 a:hover {color: #595959; font-family: Verdana, sans-serif; font-size: 10px; text-decoration:underline;}
.M8 {color: #2B2B2B; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px;}
.M9 {font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #6C8305;}
.M10 {font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #A1BF07;}
.M11 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: bold;}
.M12 {font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;}
.M13 {font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #A1BF07;}
.M14 {font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;}
.MX {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;}
.M15 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #757575;}
.x {font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: light;}
.x a{font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: light; text-decoration:underline;}
.M16 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: ; font-weight: bold; }

.M15 A {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #757575;
text-decoration: none;}
.M15 A:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #757575;
text-decoration: none;}

.M11 A {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
font-weight: bold;}
.M11 A:hover {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #252525;
font-weight: bold;}
.M12 A {font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration:none }
.M7 A
{font-family: Verdana;
color: #595959;
font-weight: light;
font-size: 10px;
text-decoration:none }

.M3 a {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: ; font-weight: bold; text-decoration:none}
.M3 a:hover {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: ; font-weight: bold; text-decoration:underline}

.M18 a {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: ; font-weight: bold; text-decoration:none}
.M18 a:hover {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: ; font-weight: bold; text-decoration:underline}

.M16 a {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: ; font-weight: bold; text-decoration:none}
.M16 a:hover {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: ; font-weight: bold; text-decoration:underline}

.M12 a:hover
{font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: ;
text-decoration:none }
.x a:hover {font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: ; font-weight: light; text-decoration:underline;}

H1 {font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; MARGIN: 0px;}

.tablx {font-size:11px}

3. Заходим в П.У >>> Управление дизайном >>> Вид комментариев...
4. Удаляем всё что содержится там, и вставляем вот этот следующий код:

Code

<table style="MARGIN-TOP: 7px; BACKGROUND: #ffffff; MARGIN-BOTTOM: 5px; WIDTH: 100%" cellSpacing=0 cellPadding=0 border=0>
<tbody>
<tr>
<td>
<table cellSpacing=0 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td style="BORDER-RIGHT: #dcdcdc 2px solid; BORDER-TOP: #dcdcdc 2px solid; BORDER-LEFT: #dcdcdc 2px solid; BORDER-BOTTOM: #dcdcdc 2px solid" height=26>
<table width="100%" border=0>
<tbody>
<tr>
<td style="PADDING-LEFT: 10px; HEIGHT: 26px"><span class=M2>
<DIV style="FONT-WEIGHT: normal; FONT-SIZE: 7pt; FLOAT: right; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal"><span title=$TIME$>$DATE$</span> $MODER_PANEL$</DIV>
<DIV class=cTop style="TEXT-ALIGN: left"><span style="WIDTH: 18px"><B>$NUMBER$</B>.</span> <B>$NAME$</B> <?if($USERNAME$)?>(<A href="$PROFILE_URL$">$USERNAME$</A>)<?endif?> <?if($EMAIL$)?><A title=Email href="$EMAIL_JS$"><IMG src="http://src.ucoz.net/t/984/e.gif" align=absMiddle border=0></A><?endif?> <?if($SITE$)?><A title=Site href="$SITE$" target=_blank rel=nofollow><IMG src="http://src.ucoz.net/t/984/h.gif" align=absMiddle border=0></A><?endif?> <?if($ENtrY_URL$)?>[<A title="Перейти на страницу материала" href="$ENtrY_URL$" target=_blank>Материал</A>]<?endif?> </DIV></span></td></tr></tbody></table>
<table width="100%" border=0>
<tbody>
<tr>
<td width=10></td>

<td width="100">[c] <?if($USER_AVATAR_URL$)?> <img src="$USER_AVATAR_URL$" title="$USER_FULL_NAME$" border="0"> <?else?> [img]/images/noavatar.png[/img] <?endif?>[/c]</td>

<td style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px">
<table width="100%" border=0>
<tbody>
<tr>
<td width=23 height=21><IMG height=21 src="/images/upkom_01.jpg" width=23></td>
<td background=/images/upkom_02.jpg></td>
<td width=9 height=21><IMG height=21 src="/images/upkom_04.jpg" width=9></td></tr>
<tr>
<td background=/images/upkom_05.jpg></td>
<td bgColor=#a2ccf2><span class=M2>$MESSAGE$
<?if($ANSWER$)?>
</p>
</p>
<DIV class=cAnswer style="CLEAR: both; TEXT-ALIGN: left"><B>Ответ</B>: $ANSWER$</DIV><?endif?></span></td>
<td background=/images/upkom_07.jpg> </td></tr>
<tr>
<td><IMG height=8 src="/images/upkom_08.jpg" width=23></td>
<td background=/images/upkom_09.jpg></td>
<td><IMG height=8 src="/images/upkom_10.jpg" width=9></td></tr></tbody></table></td></tr></tbody></table>
<table>
<tbody>
<tr>
<td width="100%" height=10></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>