ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Красивый синий информер топ пользователей ucoz

Красивый синий информер топ пользователей 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

11 Сентября 2014 Просмотров: 2790 Комментариев: (6)

Поделиться в социальных сетях

Материал разместил

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 6
Порядок вывода комментариев: kredit-oformi 12 Сентября 2014 04:47¹ 0 очень даже симпатичный информер на мой взгляд будет полезен при проведении конкурсов разного рода и конечнот же для учета статистики активности пользователей . Ведь все таки в целом означает то , что проект живет тогда, когда пользователи комментируют файлы, материалы и т.п или я ошибаюсь? Dimstrik 12 Сентября 2014 05:12² 0 kredit-oformi, Согласен с тобой информер хорошо. Я вообще считаю что такие информеры как последние комментарии , последние сообщения с форума и конечно актвные пользователи нужны , так как если это выводится и посетитель видет что сайт живёт . Kosten 12 Сентября 2014 13:30³ 0 CHID, но по центру его не мог поставить. Dimstrik 12 Сентября 2014 14:13⁴ 0 Kosten, А по центру куда? Если в верх где информер форума то зачем он там нужен вполне нормальное место поставил ! Всё в центре не уместить Kosten 12 Сентября 2014 21:57⁵ 0 CHID, сам видишь что правая сторона немного не дотягивает. А по стилям его нельзя удлинить.. он просто распадается. Kosten 12 Сентября 2014 21:57⁶ 0 У ка го уже блоки.. то в самый раз.