Оригинальная статистика кто on-line и кто посетил сайт для uCoz by webo4ka


Оригинальная статистика кто on-line и кто посетил сайт для uCoz b...

1720
8 из 10
Проголосовало: 4






Описание:

Во общем я модернизировал немного свой прошлый скрипт Оригинальная статистика кто on-line для uCoz by webo4ka, что я тут сделал, а сделал, что бы статистика была уже в ajax (uWnd) окне и самое главное, я сделал точно такой же список пользователей: "Кто был за целый день", небось многим поднадоел этот стандартный вид, все пользователи через запятую, ну вот я и сделал, во общем пользуйтесь, так сказать кушайте и не обляпайтесь ))
Кстати, все это можно вытащить из ajax окна, поэтому кому не нравится в ajax окне или вам просто хочется вставить в блок, то вытащить код из ajax у вас не составит труда!

Установка:

Установка:

1) Для начала, удаляем

$ONLINE_COUNTER$ и $ONLINE_USERS_LIST$

2) Далее вставляем перед </body>

Code

<script>function ctatictikaWebo4kaRu(){new _uWnd("ctatictika","Статистика",500,400,{min:1,max:1,autosize:1,fadespeed:777,shadow:1,},$("#ctatictikaWebo4kaRu").html());}</script>  

<div id="ctatictikaWebo4kaRu" style="display:none;">  
<div id="vivod">$ONLINE_COUNTER$</div>

<fieldset><legend>Щас on-lain</legend><div style="width:100%; overflow-x:hidden; overflow-y:scroll; max-height:300px"><div id="userWebo4ka"></div></div></fieldset>  
<fieldset><legend>Нас сегодня посетили</legend><div style="width:100%; overflow-x:hidden; overflow-y:scroll; max-height:300px;">$MYINF_1$</div></fieldset>  

</div>

<script type="text/javascript">  
  $.get('/index/62',function(b){stat=$(b).text();  
  $('a',stat).each(function(i){  
  $('#userWebo4ka').prepend('<a class="userStat '+$(this).attr('class')+'" href="'+$(this).attr('href')+'">'+$(this).text()+'</a>');  
  });  
  });  

  var kolV = $('#onl1 b').text(), kolP = $('#onl2 b').text(), kolU = $('#onl3 b').text(), vivod = '<table width="100%" cellspacing="0" cellpadding="0"><tr><td style="border:1px solid #949494; padding:5px; width:33%;"><b>'+kolV+'</b> Онлайн всего </td> <td style="border:1px solid #949494; padding:5px; width:33%;"><b>'+kolP+'</b> Гостей</td> <td style="border:1px solid #949494; padding:5px; width:33%;"><b>'+kolU+'</b> Пользователей</td></tr></table>'; $('#vivod').html(vivod);  
  function openClosed() {$('#ctatictikaOpenWebo4kaRu').toggle('normal'); $('#ctatictikaCloseContdWebo4kaRu').toggle('normal');}  
  </script>  

  <style>  
  #ctatictikaWebo4kaRu {position:fixed; right:60px; bottom:0px}  
  #ctatictikaOpenWebo4kaRu {background:#f5f5f5; border:1px solid #949494; border-bottom:0px; color:#666; font-size: 12px; font-weight: bold; text-align:center; text-decoration:none; width:100px; height:20px; padding-top:5px; cursor:pointer;}  
  #ctatictikaClosedWebo4kaRu {position:absolute; top: -25px; right: 0; background:#f5f5f5; border:1px solid #949494; border-bottom:0px; color:#666; font-size: 12px; font-weight: bold; text-align:center; text-decoration:none; width:100px; height:20px; padding-top:5px; cursor:pointer;}  
  #ctatictikaCloseContdWebo4kaRu {background:#f5f5f5; border:1px solid #949494; border-bottom:0px; width:370px; display:none; overflow: hidden;}  

  /*Админ*/  
  a.userStat[class^="userStat groupAdmin"]:link,  
  a.userStat[class^="userStat groupAdmin"]:visited,  
  a.userStat[class^="userStat groupAdmin"]:active {background:#ffdbdb; border-top:1px solid #ccc; padding:5px; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none; display:block;}  
  a.userStat[class^="userStat groupAdmin"]:hover {background:#ffcccc; text-decoration:none;}  

  /*юзер*/  
  a.userStat[class^="userStat groupUser"]:link,  
  a.userStat[class^="userStat groupUser"]:visited,  
  a.userStat[class^="userStat groupUser"]:active {background:#f4f4f4; border-top:1px solid #ccc; padding:5px; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none; display:block;}  
  a.userStat[class^="userStat groupUser"]:hover {background:#e5e5e5; text-decoration:none;}  

  /*Проверенный*/  
  a.userStat[class^="userStat groupVerify"]:link,  
  a.userStat[class^="userStat groupVerify"]:visited,  
  a.userStat[class^="userStat groupVerify"]:active {background:#dcffdb; border-top:1px solid #ccc; padding:5px; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none; display:block;}  
  a.userStat[class^="userStat groupVerify"]:hover {background:#b8ffb5; text-decoration:none;}  

  /*Модер*/  
  a.userStat[class^="userStat groupModer"]:link,  
  a.userStat[class^="userStat groupModer"]:visited,  
  a.userStat[class^="userStat groupModer"]:active {background:#dbf0ff; border-top:1px solid #ccc; padding:5px; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none; display:block;}  
  a.userStat[class^="userStat groupModer"]:hover {background:#b5e1ff; text-decoration:none;}  

  /*Гл.Модер*/  
  a.userStat[class^="userStat groupOther5"]:link,  
  a.userStat[class^="userStat groupOther5"]:visited,  
  a.userStat[class^="userStat groupOther5"]:active {background:#ccd7ff; border-top:1px solid #ccc; padding:5px; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none; display:block;}  
  a.userStat[class^="userStat groupOther5"]:hover {background:#a7bafe; text-decoration:none;}  

  /*Журналист*/  
  a.userStat[class^="userStat groupOther3"]:link,  
  a.userStat[class^="userStat groupOther3"]:visited,  
  a.userStat[class^="userStat groupOther3"]:active {background:#ffd9fe; border-top:1px solid #ccc; padding:5px; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none; display:block;}  
  a.userStat[class^="userStat groupOther3"]:hover {background:#feb8fc; text-decoration:none;}  

  /*Дизайнер*/  
  a.userStat[class^="userStat groupOther4"]:link,  
  a.userStat[class^="userStat groupOther4"]:visited,  
  a.userStat[class^="userStat groupOther4"]:active {background:#c6e4bc; border-top:1px solid #ccc; padding:5px; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none; display:block;}  
  a.userStat[class^="userStat groupOther4"]:hover {background:#addf9d; text-decoration:none;}  

  /*Друзья*/  
  a.userStat[class^="userStat groupFriends"]:link,  
  a.userStat[class^="userStat groupFriends"]:visited,  
  a.userStat[class^="userStat groupFriends"]:active {background:#dcdcdc; border-top:1px solid #ccc; padding:5px; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none; display:block;}  
  a.userStat[class^="userStat groupFriends"]:hover {background:#d8d8d8; text-decoration:none;}  

  /*Забаннен*/  
  a.userStat[class^="userStat groupBanned"]:link,  
  a.userStat[class^="userStat groupBanned"]:visited,  
  a.userStat[class^="userStat groupBanned"]:active {background:#df7a7a; border-top:1px solid #ccc; padding:5px; font-size: 12px; font-weight: bold; text-align:left; text-decoration:line-through; display:block;}  
  a.userStat[class^="userStat groupBanned"]:hover {background:#df7a7a; text-decoration:none; text-decoration:line-through;}  

  /*VIP*/  
  a.userStat[class^="userStat groupOther2"]:link,  
  a.userStat[class^="userStat groupOther2"]:visited,  
  a.userStat[class^="userStat groupOther2"]:active {background:#ffffdb; border-top:1px solid #ccc; padding:5px; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none; display:block;}  
  a.userStat[class^="userStat groupOther2"]:hover {background:#fffcb5; text-decoration:none;}  
  </style>


Настройки:

Данный CSS настроен под webo4ka.ru т.е. если у вас будет не корректно отображаться одна из группу, то вам вам надо будет например скопировать например вот этот кусок css

/*VIP*/
a.userStat[class^="userStat groupOther2"]:link,
a.userStat[class^="userStat groupOther2"]:visited,
a.userStat[class^="userStat groupOther2"]:active {background:#ffffdb; border-top:1px solid #ccc; padding:5px; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none; display:block;}
a.userStat[class^="userStat groupOther2"]:hover {background:#fffcb5; text-decoration:none;}

и в пу узнать номер группы, которая отображается некорректно и groupOther2 двойку меняем на номер вашей группы, и меняете цвет background:#ffffdb;

И еще,т.к. css настроен под наш сайт, то на вашем сайте группы могут отображаться другим цветом, это меняется всё там же в css в background:#******;

3) в коде мы наблюдаем $MYINF_1$ - это информер который вам нужно создать:

для этого заходим ПУ \ Информеры
Создать информер:

Название информера: какое угодно
Раздел: Пользователи, посетившие сайт за текущий день

создаете и появляется информер, нажимаете на откроется ajax окно, удалите от-туда весь код и вставьте вот это:

Code
<div id="Webo4kaRuGruppa_$GROUP_ID$"><a href="$PROFILE_URL$" class="$CLASS$">$USERNAME$</a></div>

<style>
/*Админ*/
#Webo4kaRuGruppa_4 a:link,
#Webo4kaRuGruppa_4 a:visited,
#Webo4kaRuGruppa_4 a:active {background:#ffdbdb; border-top:1px solid #ccc; padding: 5px; display:inline-block; width: 100%; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none;}
#Webo4kaRuGruppa_4 a:hover {background:#ffcccc; text-decoration:none;}

/*Модер*/
#Webo4kaRuGruppa_3 a:link,
#Webo4kaRuGruppa_3 a:visited,
#Webo4kaRuGruppa_3 a:active {background:#dbf0ff; border-top:1px solid #ccc; padding: 5px; display:inline-block; width: 100%; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none;}
#Webo4kaRuGruppa_3 a:hover {background:#b5e1ff; text-decoration:none;}

/*Проверенный*/
#Webo4kaRuGruppa_2 a:link,
#Webo4kaRuGruppa_2 a:visited,
#Webo4kaRuGruppa_2 a:active {background:#dcffdb; border-top:1px solid #ccc; padding: 5px; display:inline-block; width: 100%; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none;}
#Webo4kaRuGruppa_2 a:hover {background:#b8ffb5; text-decoration:none;}

/*юзер*/
#Webo4kaRuGruppa_1 a:link,
#Webo4kaRuGruppa_1 a:visited,
#Webo4kaRuGruppa_1 a:active {background:#f4f4f4; border-top:1px solid #ccc; padding: 5px; display:inline-block; width: 100%; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none;}
#Webo4kaRuGruppa_1 a:hover {background:#e5e5e5; text-decoration:none;}

/*Гл.Модер*/
#Webo4kaRuGruppa_9 a:link,
#Webo4kaRuGruppa_9 a:visited,
#Webo4kaRuGruppa_9 a:active {background:#ccd7ff; border-top:1px solid #ccc; padding: 5px; display:inline-block; width: 100%; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none;}
#Webo4kaRuGruppa_9 a:hover {background:#a7bafe; text-decoration:none;}

/*VIP*/
#Webo4kaRuGruppa_6 a:link,
#Webo4kaRuGruppa_6 a:visited,
#Webo4kaRuGruppa_6 a:active {background:#ffffdb; border-top:1px solid #ccc; padding: 5px; display:inline-block; width: 100%; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none;}
#Webo4kaRuGruppa_6 a:hover {background:#fffcb5; text-decoration:none;}

/*Журналист*/
#Webo4kaRuGruppa_7 a:link,
#Webo4kaRuGruppa_7 a:visited,
#Webo4kaRuGruppa_7 a:active {background:#ffd9fe; border-top:1px solid #ccc; padding: 5px; display:inline-block; width: 100%; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none;}
#Webo4kaRuGruppa_7 a:hover {background:#feb8fc; text-decoration:none;}

/*Дизайнер*/
#Webo4kaRuGruppa_8 a:link,
#Webo4kaRuGruppa_8 a:visited,
#Webo4kaRuGruppa_8 a:active {background:#c6e4bc; border-top:1px solid #ccc; padding: 5px; display:inline-block; width: 100%; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none;}
#Webo4kaRuGruppa_8 a:hover {background:#addf9d; text-decoration:none;}

/*Друзья*/
#Webo4kaRuGruppa_251 a:link,
#Webo4kaRuGruppa_251 a:visited,
#Webo4kaRuGruppa_251 a:active {background:#dcdcdc; border-top:1px solid #ccc; padding: 5px; display:inline-block; width: 100%; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none;}
#Webo4kaRuGruppa_251 a:hover {background:#d8d8d8; text-decoration:none;}

/*Забаннен*/
#Webo4kaRuGruppa_255 a:link,
#Webo4kaRuGruppa_255 a:visited,
#Webo4kaRuGruppa_255 a:active {background:#df7a7a; border-top:1px solid #ccc; padding: 5px; display:inline-block; width: 100%; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none;}
#Webo4kaRuGruppa_255 a:hover {background:#df7a7a; text-decoration:none;}
</style>


Настройки:

Данный CSS настроен под webo4ka.ru т.е. если у вас будет не корректно отображаться одна из группу, то вам вам надо будет например скопировать например вот этот кусок css

/*VIP*/
#Webo4kaRuGruppa_6 a:link,
#Webo4kaRuGruppa_6 a:visited,
#Webo4kaRuGruppa_6 a:active {background:#ffffdb; border-top:1px solid #ccc; padding: 5px; display:inline-block; width: 100%; font-size: 12px; font-weight: bold; text-align:left; text-decoration:none;}
#Webo4kaRuGruppa_6 a:hover {background:#fffcb5; text-decoration:none;}

и в пу узнать номер группы, которая отображается некорректно и 6 шестерку меняем на номер вашей группы, и меняете цвет background:#ffffdb;

И еще,т.к. css настроен под наш сайт, то на вашем сайте группы могут отображаться другим цветом, это меняется всё там же в css в background:#******;

4) Ну и осталось поставить код вызова ajax окна, вставляете куда вашей душе угодно вот этот код:

Code
<a href="javascript://" onclick="ctatictikaWebo4kaRu()">Статистика</a>


Всё!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 5

DeadMoras
0
DeadMoras написал: Написано 01 Декабря 2013 в 13:12
Комментарий №5
Не выводится кто сейчас онлайн.

GhostlyP
+1
GhostlyP написал: Написано 27 Марта 2012 в 11:59
Комментарий №4

InteGrant
0
InteGrant написал: Написано 27 Марта 2012 в 09:28
Комментарий №3
Уникальность текста 100%
Очень высокая уникальность текста

SPECNAZik
0
SPECNAZik написал: Написано 27 Марта 2012 в 01:37
Комментарий №1
Такое вроде уже было))

Вовчик
0
Вовчик написал: Написано 27 Марта 2012 в 08:47
Комментарий №2
читай описание!

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 6
    Гостей: 5
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: