Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Cкрипты » Готовые скрипты для UCOZ » Новый Топ пользователей с аватарами для Ucoz (информер)
Новый Топ пользователей с аватарами для Ucoz
2pacbestДата: Четверг, 17.01.2013, 22:53 | Сообщение # 1
Admin
Группа: User
Сообщений: 149
Репутация: 0
Бог форума За хорошую посещаемость на форуме За супер посещаемость

За 10 Сообщений За 20 Сообщений За 30 Сообщений За 40 Сообщений За 60 Сообщений За 80 Сообщений За 90 Сообщений
Статус:
Скрин: http://s017.radikal.ru/i441/1212/fb/2a8ddd33be3a.jpg

Описание:
Скрипт Топ пользователей для Ucoz. С позициями + хинт информации о пользователи при наведении курсором на аватар.
Установка:
Создаем информер:
[ Пользователи · Материалы · Кол. файлов · Материалы: 8 · Колонки: 2 ]
В шаблон информера вставляем:

Код
<div class="utop-user" align="center">   
   <a href="$PROFILE_URL$" class="ut-ava" title="<b>Имя:</b> $USERNAME$<br/><b>Файлов:</b> $LOAD_POSTS$</br><b>Форумов:</b> $FORUM_POSTS$</br><b>Коментариев:</b> $COM_POSTS$</br>">   
<?if($AVATAR_URL$)?><script src="http://activiks.ru/img/png.js" type="text/javascript"></script>   
   <img src="$AVATAR_URL$"><?else?>   
   <img src="http://bambun.ru/images/noa23va.png">   
   <?endif?>   
</a>   
   <a href="$PROFILE_URL$"><span class="group$GROUP_ID$"><b>$USERNAME$</b></span></a>   
   <div class="utop-number">$NUMBER$</div>   
   </div>


В CSS вставляем в самый низ

Код


/*Новые участники*/   
.utop-user {display:inline-block; width:70px; margin-bottom:8px; position:relative; font-size:10px;}   
.utop-user .utop-number {position:absolute; top:-2px; left:-1px; padding:1px 3px; font-size:10px; font-weight:bold; color:#fff; background:#000;   
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}   
.utop-user a.ut-ava img {max-width:52px; height:52px;border-radius: 3px;   
-moz-border-radius: 3px;   
-webkit-border-radius: 3px;   
border-top-left-radius: 3px;   
border-top-right-radius: 3px;   
border-bottom-right-radius: 3px;   
border-bottom-left-radius: 3px;}   
.utop-user a.ut-ava {border:1px solid #cfcfcf; padding:2px; width:52px;border-radius: 3px;   
-moz-border-radius: 3px;   
-webkit-border-radius: 3px;   
border-top-left-radius: 3px;   
border-top-right-radius: 3px;   
border-bottom-right-radius: 3px;   
border-bottom-left-radius: 3px; text-align:center; display:inline-block;}   
.utop-user a.ut-ava:hover {border-color:#000;}   
#easyTooltip{   
   padding:10px;   
   border:1px solid #000000;   
   background:#000;   
   border-radius: 4px;   
   -webkit-border-radius: 4px;   
   -moz-border-radius: 4px;   
   color: #666666;   
   filter:alpha(opacity=90);   
   -moz-opacity: 0.9;   
   -khtml-opacity: 0.9;   
   opacity: 0.9;   
   z-index:1000;   
   }   
/*===================================*/


В нижнюю часть сайта

Код
<script type="text/javascript" src="http://bambun.ru/css_js/tooltip.js"></script>   
   <script>   
   $(document).ready(function(){$("a").easyTooltip()});$(document).ready(function(){$("img").easyTooltip()});   
   </script>
 
Форум » Cкрипты » Готовые скрипты для UCOZ » Новый Топ пользователей с аватарами для Ucoz (информер)
  • Страница 1 из 1
  • 1
Поиск:

Бесплатный конструктор сайтов - uCoz