Оригинальная статистика кто on-line
Описание: Скрипт Оригинальная статистика кто on-line для uCoz, что я тут сделал, а сделал, что бы статистика была уже в ajax (uWnd) окне и самое главное, я сделал точно такой же список пользователей: "Кто был за целый день", небось многим поднадоел этот стандартный вид, все пользователи через запятую, ну вот я и сделал, во общем пользуйтесь. Кстати, все это можно вытащить из uWdn окна, поэтому кому не нравится в ajax окне или вам просто хочется вставить в блок, то вытащить код из ajax у вас не составит труда! Установка: Для начала, удаляем Code
$ONLINE_COUNTER$ и $ONLINE_USERS_LIST$
Далее вставляем перед </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 Code
/*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:#******; в коде мы наблюдаем $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 Code
/*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:#******; Ну и осталось поставить код вызова ajax окна, вставляете куда вашей душе угодно вот этот код: Code
<a href="javascript://" onclick="ctatictikaWebo4kaRu()">Статистика</a>
Автор\Источник: http://webo4ka.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 1889
| Рейтинг: 5.0 /3 |
- Оценить -
Отлично
Хорошо
Неплохо
Плохо
Ужасно
|Категория: Скрипты Разное | Добавил: мир
| Дата: 27.03.2012 | Скачали: 0 | Теги: Оригинальная , on-line , статистика
Похожие новости на нашем сайте
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]