[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » О uCoz » Скрипты » Статистика by Andrey
Статистика by Andrey
Дата: Воскресенье, 13.04.2014, 13:44:27 | Сообщение # 1
Группа: Проверенные Титул: Технарь Сообщений: 283
Награды: 1
Репутация: 3
Статус:
Сайт пользователя:
Skype пользователя:

Сегодня решил написать скрипт статистики. Но не привычный всем вывод логина пользователя! А вывод его аватора, на подобия как в соц сетях. Что у меня получилось можно посмотреть установив скрипт.

И так начнем. Сначала нам нужно включить API. Для этого идём в "Общие настройки" и ставим галочку "Разрешить использование API:"

Теперь идём в CSS и прописываем там:
Код
/* Статистика by Andrey */
.avkas {padding: 5px;}     
     .groupot4 {background: #ff0000;border-radius:10px;-moz-border-radius:10px;box-shadow:0px 0px 10px #ff0000;-moz-box-shadow:0px 0px 10px #ff0000;}     
     .groupot251{background: #24afb1;border-radius:10px;-moz-border-radius:10px;box-shadow:0px 0px 10px #24afb1;-moz-box-shadow:0px 0px 10px #24afb1;}     
     .groupot2{background: #008b00;border-radius:10px;-moz-border-radius:10px;box-shadow:0px 0px 10px #008b00;-moz-box-shadow:0px 0px 10px #008b00;}     
     .groupot1{background: #a5a5a5;border-radius:10px;-moz-border-radius:10px;box-shadow:0px 0px 10px #a5a5a5;-moz-box-shadow:0px 0px 10px #a5a5a5;}     
     .groupot3{background: #7b08b7;border-radius:10px;-moz-border-radius:10px;box-shadow:0px 0px 10px #7b08b7;-moz-box-shadow:0px 0px 10px #7b08b7;}     
     .groupot255{background: #663300;border-radius:10px;-moz-border-radius:10px;box-shadow:0px 0px 10px #663300;-moz-box-shadow:0px 0px 10px #663300;}     
         
#hintbox{     
     position:absolute;     
     top: 0;     
     background-color: #ffffff;     
     border-radius:10px;-moz-border-radius:10px;
     box-shadow:0px 0px 10px #ffffff;-moz-box-shadow:0px 0px 10px #ffffff;
     width: 500px;     
     padding: 3px;     
     border:1px solid ffffff;     
     font:normal 11px Verdana;     
     line-height:18px;     
     z-index:100;     
     visibility: hidden;     
     opacity: 0.91;     
     filter: alpha(opacity="91");     
     }     
     .hintanchor{     
     font-weight: bold;     
     color: navy;     
     margin: 3px 8px;     
     }
/* ------------- */


Теперь там где хотите видеть статистику прописываем относительно не большой код:
Код
<div style="display:none;" id="template">    
<a href="/index/8-#USERID#" style="text-decoration:none;">    
    <img src="#USERAVATARURL#" class="avkas groupot#USERGROUPID# hintanchor" onMouseover="showhint('Логин: #USERNAME#<br>Группа: #USERGROUPNAME# Иди: #USERGROUPID#', this, event, '150px')" border="0" width="30px;">    
</a>    
</div>    
    <script type="text/javascript" src="/js/onlinestat.js"></script>


И осталось только загрузить JS скрипт к себе на хост в папку "js"

Всё, статистика установлена

Автор: Andrey
Материал подготовил: Andrey
Прикрепления: 9572501.png(18.5 Kb) · 1024500.rar(3.0 Kb)
Форум » О uCoz » Скрипты » Статистика by Andrey
  • Страница 1 из 1
  • 1
Поиск: