Стильный вид статистики онлайн на сайт 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 | |
|