Стильный вид статистики онлайн на сайт uCoz | |
| Статистика сайта это неотъемлемая часть функций на портале и она должна соответствовать вашему дизайн, и здесь представлен стильный вид. Где будет три окна разного оттенка цвета, которые будут выводить цифры, кто онлайн как гость или пользователь, а также сколько всего на сайте находятся. Она идет по цвету, что некоторым может просто не подойти, здесь с ней идут стили, которые как раз выводит оттенок и вы также можете ее закруглить или сделать больше по ширине, чтоб корректно отображалась. Ставить ее можно как в блок, и отвести под нее место в нем, но некоторые устанавливают в низ сайта, если он темный, то цветовую гамму подгоняют и смотрится просто красиво и понятно. Приступаем к установке: Чтоб она полноценно работала, вам нужно активировать модуль статистики сайта, все это делается в алмин панели. В блок сайта устанавливаем скрипт: Код <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> <div id="statusers">Сейчас на сайте: <?if($ONLINE_USERS_LIST$)?>$ONLINE_USERS_LIST$<?else?>Никого нету<?endif?></div> </div> <script type="text/javascript"> function open_oline_list() {new _uWnd('UserList','Сейчас онлайн',240, 102,{autosize:0,modal:true,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> CSS: Код #statday, #statday:hover, #statnow, #statusers {padding: 5px 0; margin-top: -6px; font: 12px Tahoma; display: block; text-decoration: none;} #statnow { color: #0082FF;} #statday { color: #00710A;} #statusers { color: #6A234E !important;} Сами надписи можете изменить, к примеру для кино сайта, кто с билетами, кто зайцем, вообщем смотрим по своей тематике. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 14 | |
|
На сайте есть уже такая статистика, но мне кажется там немного по другому установка, по этому эту залил.
Хотя дизайн одинаковый.  Установка: Ищем $ONLINE_COUNTER$ и нужно его заменить, а точнее убрать и поставить этот скрипт: Код <div class="b_stat"><div class="item total"> <div id="tnum" class="num"></div> Всего </div> <div class="item users"> <div id="unum" class="num"></div> Юзеры </div> <div class="item guests"> <div id="gnum" class="num"></div> Гости </div> <div style="display:none;">$ONLINE_COUNTER$</div> <script type="text/javascript"> $('#tnum').text($('#onl1 b').text()); $('#gnum').text($('#onl2 b').text()); $('#unum').text($('#onl3 b').text()); </script></div> Добавляем в таблицу стилей (CSS), где также вы можете выводить цвета и форму: Код .b_stat {margin:0 0 0 40px;display:inline-block;} .item {text-align: center; float: left; margin: 10px 10px 0 10px;font-size:12px !important;text-transform:uppercase;} .num {border: 2px solid; border-radius: 3px;line-height: 30px;width: 30px;margin: auto;text-align: center; font-size:16px;} #tnum {border-color: #222121;color: #222121;} #unum {border-color: #f96c04;color: #f96c04;} #gnum {border-color: #95a5a6;color: #95a5a6;} Вот и всё) | |
