вРазные полезности

Красивый синий информер топ пользователей ucoz

Можно ставить как в блок сайта так и в не его и это Красивый синий информер топ пользователей ucoz и светлый дизайн под него подойдет и темный. Так как гамма оттенка его очень хорошо подобрана. Будет обязательно ваш аварат а если у пользователя нет его то автоматически стоять будет no ava.

Можно выставлять несколько пользователей на не го от одного и выше, смотря сколько вам нужно. Так же его ставят, когда происходит на интернет ресурсе конкурент, по написанию комментариев и кто участвует он видит сколько кто написал из конкурентов. Да и стили очень у него красивые и можно поставить как дизайн сайта.

Из источника ставил этот код и почему то не мог установить, но пришлось поискать его в интернете, так как он актуальный и нашел тот код который и поставил и он работает отлично. Хочу подчеркнуть, сто он считает не с форума а с модуля файлов.

Установка:

Админ панель — Инструменты — Информеры — и создаеи информер
Пользователи — количество комментарий
Количество материалов: 10
Количество колонок: 1
И прописываем это код а старый который там появиться убираем

Код
<li>
<a href=»$PROFILE_URL$» >
<img class=»tu_avatar» alt=»аватар $USERNAME$» src=»<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://zornet.ru/zornet_ru2/23.png<?endif?>» />
<strong>$USERNAME$</strong>
</a>
<div><span>$COM_POSTS$</span></div>
</li>

В блок сайта:

Код
<ul class=»top_uzer»>
$MYINF_1$
</ul>

И теперь остались стили, которые нужно прописать в CSS:

Код

/* Топ пользователей для Ucoz — Синий вариант
——————————————*/
.top_uzer
float:left;
padding:0;
margin:0;
width:230px;
color:#255c79;
text-shadow: 1px 1px 1px #9bc9e1;
.top_uzer li
float:left;
padding:0;
margin-bottom: 10px;
list-style:none;
border-radius:5px;
border: 1px solid #4f82aa;
.top_uzer li a:link,
.top_uzer li a:visited
float:left;
width:161px;
height:32px;
color:#255c79;
background:#75abce;
border-right: 1px solid #4f82aa;
.top_uzer li a:hover
background:#9fc1e3;
.top_uzer li strong
float:left;
margin: 9px 0px 0px 0px;
.top_uzer li div
float:right;
width:55px;
height:23px;
text-align:right;
padding: 9px 10px 0px 0px;
border-left: 1px solid #9fc2e3;
background: url(http://zornet.ru/CSS-ZORNET/ico_comment_2.png) #75abce no-repeat left;
.top_uzer li span
font-weight: 700;
.tu_avatar
float:left;
width:25px;
height:25px;
margin: 2px 10px 0px 10px;
border: 1px solid #b0c6e8;
border-radius:3px;

Источник: www.center-dm.ru

Похожие посты