<style>
/* --- CSS (оформление) --- */
/* Класс для аватарки пользователя (картинка слева, закруглённая) */
.infsimg1 {
border: 0px solid #313131;
background-color: #000;
padding: 0px;
margin-top: 0px;
box-shadow: 0px 0px 0px 0px #853b97;
border-radius: 100px; /* делает аватар круглым */
}
/* Первый вариант стиля текста "spa" (очень мелкий серый текст) */
.spa {
font-size: 2px;
color: #CCCCCC;
}
/* Второй вариант стиля "spa" (обычный серый текст для инфы под ником) */
.spa {
font-size: 9px;
color: #999999;
font-family: Geneva, Tahoma, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 15.4px;
font-size: 13px;
}
/* Метка "positive" — оформление репутации (плашка с цифрой) */
.positive {
display: inline-block;
height: 20px;
line-height: 20px;
padding: 0 5px;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #fff;
text-shadow: rgb(0 0 0 / 20%) 0px -1px 0px;
border-radius: 2px;
background-image: url(/template/amg/images/highlight.png);
background-repeat: repeat-x;
background-position: 0 -1px;
}
/* Второе определение positive — цвет фона (синий оттенок) */
.positive {
background: #0d2e4d;
}
</style>
<!-- --- HTML (структура/блок) --- -->
<!-- В HTML идёт каркас: таблицы, картинки, ссылки. Они показывают содержимое, а внешний вид задаёт CSS -->
<div align="justify">
<span class="spa">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<!-- Левая рамка -->
<td width="1%">
<img src="/forumimages/left1.png" ilo-full-src="/forumimages/left1.png" height="45" width="2">
</td>
<!-- Центральный блок с аватаркой и ником -->
<td background="/forumimages/toppat.png">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td nowrap="nowrap">
<div>
<!-- Аватарка -->
<img class="infsimg1" src="$AVATAR_URL$" alt="" align="left"
width="36" height="36" style="margin-right: 6px;">
<!-- Ник пользователя (ссылка на профиль) -->
<a href="$PROFILE_URL$" title="$USERNAME$"
style="font-family: Marker Felt, ; font-weight: 800; line-height: 15.4px; font-size: 11px; color: #313131; ">
$USERNAME$
</a>
<br>
<!-- Иконка (например, модератор) -->
<img src="/template/forum/pf_ie/topic_mod.gif" border="0"
style="vertical-align:middle; font-family: Marker Felt, ; font-weight: 800; line-height: 15.4px; font-size: 6px; color: #313131;">
<!-- Текст под ником (например, статус) -->
<span style="font-size:6pt;color:#000;padding-left: 0px;text-transform: uppercase;letter-spacing: 2px;">
</span>
</div>
<!-- Пустая ссылка (видимо, для будущей вставки) -->
<a href="$PROFILE_URL$" title="$USERNAME$" style=" "></a>
</td>
<!-- Репутация справа -->
<td align="right" nowrap="nowrap">
<font color="#a9a9a9" size="1">
<span style="font-size:7pt;color:#000;float:right;">
<span class="positive"
style="margin: 6px; padding: 0px 6px;
background-image: url(/template/amg/images/highlight.png);
border-radius: 50px; -o-border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px;">
$REPUTATION$
</span>
</span>
</font>
</td>
</tr>
</tbody>
</table>
</td>
<!-- Правая рамка -->
<td width="5">
<img src="/forumimages/right1.png" ilo-full-src="/forumimages/right1.png"
height="45" width="2">
</td>
</tr>
</tbody>
</table>
</span>
</div>
