Цветная статистика для uCoz

Цветная статистика для uCoz

02014-07-02134918Денис Абдуллин

Этот вид статистики был на нашем сайте в прошлом году, а может и в этом, не суть. Но за то время, пока эта цветная статистика красовалась на сайте, добрые люди скопировали стили и распространили по сайтам, публикующим материалы для uCoz. Я веду к тому, что статистика была выложена не в чистом виде. Строка с онлайн пользователями и пользователями, которые посетили сайт за сегодняшний день, не должна ломаться, т.е. это должны быть 2 строки разного цвета, а по сайтам гуляет статистика, смотря на которую так и хочется разбить верхний зеленый блок на три части, т.к. в нем три строки.

Если у Вас есть какая-то идея для скрипта или просто Вы ищите кое-какой скрипт для uCoz, пишите на форуме в этой теме.

Цветная статистика для uCoz делится на три блока: первый показывает количество пользователей онлайн, второй – количество посетителей за сегодня, третий просто показывает список онлайн пользователей. Думаете, что поставили цифры в цветные блоки и теперь статистика на Вашем сайте такая крутая? Да, это так, она простая и будет смотреться эстетично на любом сайте. Может быть, а может, и нет. Это не все, по нажатию на первый блок будет открываться окошко, в котором будет указано количество гостей и пользователей, а по нажатию на второй блок откроется список пользователей посетивших сайт.

Установка

Вставьте следующий код в сайдбар или добавьте блок с HTML-кодом через конструктор. В материале про Google Adsense в низу статьи есть инструкция как добавить блок с HTML-кодом.

Код
<style type="text/css">  
#statblock {width:200px;margin-top:15px}
#statday, #statday:hover, #statnow, #statusers {color:#FFF;padding:5px 12px;margin-top:5px;font: 11px Tahoma;display:block;text-decoration:none}
#statnow {background:#6EC32A}  
#statday {background:#F4591C}  
#statusers {background:#efefef;color:#666 !important}
#statusers a, #statusers a:hover {color:#666 !important}
#statday a {color:#FFF}  
</style>  

<div id="statblock">  
<a id="statnow" href="javascript://" rel="nofollow" onclick="open_oline_list()">Сейчас онлайн: <b><?substr($ONLINE_COUNTER$, 48, strrpos($ONLINE_COUNTER$,"onl2")-48-36)?></b></a>  
<a id="statday" href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',250,200,{autosize:0},{url:'/index/62-2'});return false;">Сегодняшние посетители: <b id="usNaN"></b></a>  
<?if($ONLINE_USERS_LIST$)?><div id="statusers">На сайте: $ONLINE_USERS_LIST$</div><?endif?>
</div>

<script type="text/javascript">  
function open_oline_list() {new _uWnd('UserList','Сейчас онлайн',240, 102,{autosize:0,resize:0,notaskbar:1,fadespeed:500,fadeclosespeed:500,align:'left'},'<fieldset class="sortUserlist"><legend>Сводка:</legend><div>$ONLINE_COUNTER$</div></fieldset>');}
NanUsers = function(number, one, two, five) { number = Math.abs(number); number %= 100; if (number >= 5 && number <= 20) { return five; } number %= 10; if (number == 1) { return one; } if (number >= 2 && number <= 4) { return two; } return five; };  
$.get('/index/62-2', function(numUs){$("#usNaN").append( $('a',$('cmd[p="content"]',numUs).text()).size());});
</script>

Во второй строчке этого кода, а именно #statblock {width:200px;margin-top:15px}, замените значение 200 на свою ширину блока.


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (8)
lalka 2016-03-06 в 16:24 / МатериалСпам
Вопрос по поводу этого вида.. Как сделать что бы ajax окно при нажатии сейчас онлайн открывалось нормально а не в сжатом виде?
4
VLADIMIR PUTIN 2015-03-23 в 19:23 / МатериалСпам
круто, только пришлось чуть чуть уменьшить в длинну)
0
Андрей Краминцев 2014-12-30 в 01:26 / МатериалСпам
Добавить в стили border-radius: 3px;
0
Женя Полянский 2014-12-09 в 11:40 / МатериалСпам
Как закруглить как тут на сайте?
0
Даниил 2014-07-20 в 16:01 / МатериалСпам
Все гуд! Спасибо! :)
0
V Z 2014-07-03 в 00:35 / Материал
Idea ne ploxa :)
0
Николай 2014-07-02 в 21:02 / МатериалСпам
Ух-ты я засветился :)
3
2018-07-28 в 18:25 / МатериалСпам
Спасибо большое,но у меня возникла проблема,подогнал ширину под нужный мне размер,но ничего не происходит,браузер подчистил,и ещё одна просьба, что нужно дописать что бы не только в окне но и в списке отображались гости онлайн?
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.