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

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

02.07.201473858

Этот вид статистики был на нашем сайте в прошлом году, а может и в этом, не суть. Но за то время, пока эта цветная статистика красовалась на сайте, добрые люди скопировали стили и распространили по сайтам, публикующим материалы для 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 на свою ширину блока.




Сохраните в социальную сеть
Комментарии (8)
Николай 02.07.2014 в 21:02Спам
Ух-ты я засветился :)
2
V Z 03.07.2014 в 00:35
Idea ne ploxa :)
0
Даниил 20.07.2014 в 16:01Спам
Все гуд! Спасибо! :)
0
Как закруглить как тут на сайте?
0
Добавить в стили border-radius: 3px;
0
VLADIMIR PUTIN 23.03.2015 в 19:23Спам
круто, только пришлось чуть чуть уменьшить в длинну)
0
lalka 06.03.2016 в 16:24Спам
Вопрос по поводу этого вида.. Как сделать что бы ajax окно при нажатии сейчас онлайн открывалось нормально а не в сжатом виде?
1
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт