Главная | Новый Топ пользователей с аватарами для Ucoz - Форум | Регистрация | Вход
Реклама:

  • Страница 1 из 1
  • 1
Новый Топ пользователей с аватарами для Ucoz
OnlinesДата: Пятница, 18.01.2013, 19:37 | Сообщение # 1
Сообщений: 4
Репутация: 0
Замечания:
Скрин: 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>
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
K2 Постов [ 505 ]
Leito_eptbl Постов [ 126 ]
Nagrand Постов [ 72 ]
LLIauTaH Постов [ 57 ]
ШоКоЛаДкА Постов [ 45 ]
KpuKyH Постов [ 15 ]
LEITO Постов [ 9 ]
Kryk Постов [ 6 ]
MiX Постов [ 4 ]
Onlines Постов [ 4 ]
K2 Репутация [ 32767 ]
riolu Репутация [ 30113 ]
Leito_eptbl Репутация [ 30000 ]
LLIauTaH Репутация [ 4771 ]
Nagrand Репутация [ 3299 ]
KpuKyH Репутация [ 777 ]
Kazbek Репутация [ 518 ]
Sh0keR Репутация [ 218 ]
GORIN Репутация [ 218 ]
6oPMaH Репутация [ 150 ]
Я хочу видеть... [ 62 ]
Скажи только честно [ 32 ]
Цитаты Гомера Симпсона [ 28 ]
Музыка которая у вас зву... [ 25 ]
Какая у вас сейчас погод... [ 16 ]
Очень хорошие прострелы! [ 9 ]
Заявка DimeDR0L [ 8 ]
Не умеешь стрелять?? [ 7 ]
Кодекс самурая [ 6 ]
Обзор киноновинок [ 5 ]
Цигун [ 0 ]
Древняя система развития... [ 0 ]
Скажи только честно [ 32 ]
Новый Топ пользователей ... [ 0 ]
Простой и красивый вид ф... [ 0 ]
Красивый информер "... [ 0 ]
Flash радио для сайта [ 0 ]
Cossack Icons by STEXS [ 1 ]
Новый информер комментар... [ 0 ]
Новый вид опроса для uCo... [ 0 ]

Copyright MyCorp © 2024