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


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

1768
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 25
Скрипты и модификации для Ucoz 2113
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • sasha2016tv написал:
  • Хороший скрипт
    Ох. Вижу, что обсуждение очень старое. Но!
    На других CMS так же будет все это реализовано. На нормальных CMS.
    Такое решение может подойти лишь для landing сайтов. Но и то, не думаю, что там кто то заморачивается в написании какого либо контроллера генерирования шаблона и используют прямо в лоб чистый HTML, поэтому и будут для каждой страницы свои блоки делать.

    Поэтому лучше тут все же дописать решение именно для ucoz без загрузки этих лишних блоков на странице. Ведь используя условные операторы этот код даже не будет прогружаться на странице. (Лол. Это ж доли секунд загрузки...) И что? Но давайте делать оптимальнее
    Моё авторство:)
  • 1488 написал:
  • 1488 написал:
  • Смысл исходный код? он возвращает после обновление страницы на то положение которое было... или как?
  • 1488 написал:
  • как поставить галки как скрине?
    а то невозможно поставить...
    Последние темы
    Опрос
    432
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: