» »

Красивый синий информер топ пользователей 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.09.2014 Просмотров: 1773 Комментарий: (6)

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

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

Комментарий: 6
kredit-oformi
kredit-oformi 12.09.2014 04:471
0
очень даже симпатичный информер на мой взгляд wink будет полезен при проведении конкурсов разного рода и конечнот же для учета статистики активности пользователей . Ведь все таки в целом означает то , что проект живет тогда, когда пользователи комментируют файлы, материалы и т.п или я ошибаюсь? surprised
Dimstrik
Dimstrik 12.09.2014 05:122
0
kredit-oformi, Согласен с тобой информер хорошо.
Я вообще считаю что такие информеры как последние комментарии , последние сообщения с форума и конечно актвные пользователи нужны , так как если это выводится и посетитель видет что сайт живёт .
Kosten
Kosten 12.09.2014 13:303
0
CHID, но по центру его не мог поставить.
Dimstrik
Dimstrik 12.09.2014 14:134
0
Kosten,
А по центру куда?
Если в верх где информер форума то зачем он там нужен вполне нормальное место поставил !
Всё в центре не уместить biggrin
Kosten
Kosten 12.09.2014 21:575
0
CHID, сам видишь что правая сторона немного не дотягивает. А по стилям его нельзя удлинить.. он просто распадается.
Kosten
Kosten 12.09.2014 21:576
0
У ка го уже блоки.. то в самый раз.
avatar