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


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

1480
8.6 из 10
Проголосовало: 9






Описание:

Оригинальная статистика кто on-lain для uCoz by webo4ka. Надоел стандартный вид статистики кто онлайн? Тогда это для вас. Как это выглядит? А вот так, в правом нижнем углу сайта будет кнопка (она прокручивается вместе с сайтом), при нажатии на неё снизу вылезет панелька, где будет показано, сколько людей онлай, во общем всё.

Установка:

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

$ONLINE_COUNTER$ и $ONLINE_USERS_LIST$

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

Code
<div id="ctatictikaWebo4kaRu">  
<div onclick="openClosed()" id="ctatictikaOpenWebo4kaRu">Открыть</div>
<div id="ctatictikaCloseContdWebo4kaRu">
<a href="javascript: openClosed()" id="ctatictikaClosedWebo4kaRu">Закрыть</a>  
<div id="vivod">$ONLINE_COUNTER$</div>
<div style="width:100%; overflow-x:hidden; overflow-y:scroll; max-height:300px"><div id="userWebo4ka"></div></div>
</div></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-right:1px solid #949494; padding:5px; width:33%;"><b>'+kolV+'</b> Онлайн всего </td> <td style="border-right:1px solid #949494; padding:5px; width:33%;"><b>'+kolP+'</b> Гостей</td> <td style="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:#******;

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

SPECNAZik
0
SPECNAZik написал: Написано 17 Марта 2012 в 17:55
Комментарий №9
Ну на форум моно

Pavel
-1
Pavel написал: Написано 17 Марта 2012 в 10:48
Комментарий №7
А можно же кнопку открыть закрыть убрать и оставить тока этот вид при открытии?

GhostlyP
-1
GhostlyP написал: Написано 17 Марта 2012 в 09:16
Комментарий №6
Норм скрипт и ничего лишнего здесь нету! smile

Goodmind
-1
Goodmind написал: Написано 17 Марта 2012 в 00:35
Комментарий №3
Я на скрине в первый раз happy

Kelin
-1
Kelin написал: Написано 17 Марта 2012 в 13:09
Комментарий №8
*FUCK YEA* lol

deado
-5
deado написал: Написано 16 Марта 2012 в 23:02
Комментарий №1
Люди неставте на свой сайт всякий мусор !!!!

SPECNAZik
0
SPECNAZik написал: Написано 16 Марта 2012 в 23:27
Комментарий №2
Норм скрип, я в этом ничего мусорного не вижу..

Froa
+1
Froa написал: Написано 17 Марта 2012 в 08:36
Комментарий №4
да не он прав,это лишнее.

Kelin
0
Kelin написал: Написано 17 Марта 2012 в 08:58
Комментарий №5
Согласен, лишнее sad

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