http://diz-one.ru/_fr/1/1850925.jpg - скрин
Инструкция:
Создам информер [ Пользователи · Материалы · Дата регистрации A · Материалы: 20 · Колонки: 10 ]
Вставим шаблон
Code
<td class="infTd" width="10%"><div class="utop-user" align="center"> <a href="$PROFILE_URL$" class="ut-ava" return false;"><img alt="$USERNAME$" style="padding-top:4px" src="http://diz-one.ru/skript/a/no_avatar.png"></a> <div class="utop-number">$NUMBER$</div></div></td>
В страницу сайта
Code
<table style="border: 1px solid #262626; margin-bottom: 2px;" width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="eTitle" style="border: 1px solid rgb(0, 0, 0); padding: 4px;background: url(http://diz-one.ru/a/a/png12.png)#141414;"><font color="#ffffff">
Комментарии<table border="0" width="100%" cellspacing="2" cellpadding="3"> </table> </font></td>
</tr>
<tr>
</tr></tbody></table>
<table style="border: 1px solid #262626;" width="100%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="border: 1px solid rgb(0, 0, 0); padding: 10px;background: #141414;"><font color="#ffffff">
<table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" class="infTable">
$ВАШ ИНФОРМЕР$
</font></td></tr></tbody></table>
И в ксс
Code
/*Diz-One.Ru*/
.utop-user {display:inline-block;height:62px ; width:63px; margin-bottom:8px; position:relative; background: url('http://diz-one.ru/skript/a/fon-user.png'); font-size:10px;}
.utop-user .utop-number {position:absolute; top:-2px; left:-1px; padding:1px 3px; font-size:10px; font-weight:bold; color:#fff; background:#0098fd;
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.utop-user a.ut-ava img {max-width:52px; height:52px;}
.utop-user a.ut-ava { padding:2px; width:52px; text-align:center; display:inline-block;}
.utop-user a.ut-ava:hover {border-color:#9551fc;}
/*==========*/
Готова!
