ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Стильный вид статистики онлайн на сайт uCoz

Стильный вид статистики онлайн на сайт uCoz

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

Сами надписи можете изменить, к примеру для кино сайта, кто с билетами, кто зайцем, вообщем смотрим по своей тематике.
31 Января 2017 Просмотров: 1912 Комментариев: (14)

Поделиться в социальных сетях

Материал разместил

Комментарии: 14
FeStemBer
FeStemBer 31 Января 2017 01:281
+1
Да один источник, просто перекрашивают эту статистику, где то по стилям поменяли и уже считают, что полностью авторство им принадлежать. Ранее много видел такой стиль статистики как такой так и круглой, был такой момент, что многие устанавливали ее, что сейчас редко можно заметить, хотя они оригинально это точно смотрится.
-SAM-
-SAM- 31 Января 2017 01:523
+1
Kosten
Kosten 31 Января 2017 02:014
0
Об этом упомянул, просто ставил на кино сайт, и было 2 одинаковых по дизайн статистике, и вот одна на небольшом экране, это про мобильный говорю если смотреть, то одна полностью слетала, а вот другая отлично и корректно смотрелась, эту не проверял.
Kosten
Kosten 01 Февраля 2017 00:127
0
-SAM-, сколько нужно столько заливать буду, просто не понимаю, а вам до этого какое дело.

Это ради интереса, мне кажется вы не смотрящий за сайтом, или в чем то ошибаюсь или не догоняю.

Просветите недалекого, за что такой интерес.
-SAM-
-SAM- 01 Февраля 2017 01:0810
0
Это был как совет просто. Как сказал, чтобы не забивать сайт одним и тем же материалом - достаточно один раз опубликовать его, а после еще публиковать стили оформления к нему отдельно. А так получается ситуация, описанная мной выше, что просто куча дублей + вопросы авторства встают (то есть, приходиться указывать автора материала в каждом материале).
Kosten
Kosten 01 Февраля 2017 01:1412
0
Здесь согласен, но не нужно расписывать, есть дубли и с этим согласен, просто один материал по стилям меняют, так и получается.
Вопрос закрыт, что то не по теме.
Kosten
Kosten 31 Января 2017 01:512
0
На сайте есть уже такая статистика, но мне кажется там немного по другому установка, по этому эту залил.

Хотя дизайн одинаковый.



Установка:

Ищем $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;}

Вот и всё)
Автор: Snoopak (Lexarus с сайта csomsk ворует у других и не ставит источники). © -SAM-
Snoopak
Snoopak 31 Января 2017 22:455
+1
Источник не csomsk, я мог бы сейчас написать мол я автор ставь источник и бла-бла, но знаете я уже устал писать. Да и желания нет, особенно после того как написал на csomsk, а меня забанили за СПАМ, СПАМ КАРЛ! А я лишь написал, что я автор.
В таком случае нужно через abuse решать вопрос, как совет. © -SAM-
Kosten
Kosten 01 Февраля 2017 00:106
0
Snoopak, в ЛС скиньте ссылку на материал, просто в контакте вышли и сказали, что типа их скрипт, что прописал. Просто посмотрю, когда вообще появился, тоже смутил этот источник, думаю у вас ранее размещен, и если так, источник поменяется.
Kosten
Kosten 01 Февраля 2017 00:218
0
Источник исправил, у вас реально скрипт этот самый первый в сети по дате залит.
Kosten
Kosten 01 Февраля 2017 00:249
0
Это ваш материал, который залит по дате был.

Это дата того, кто потребовал источник свой поставить.

Вопрос снят, менять не чего не буду.
Kosten
Kosten 01 Февраля 2017 01:1011
+1
Проверил статистику на сайте, и она реально по форме и точно такая, как указал -SAM-, и на изображение ниже приведена (если вам такая нужна, переходим на этот и там найдете скрипт на неё).

Скрипт изменен на другую статистику.
Critic©
Critic© 06 Августа 2017 19:2513
0
Минималистичный дизайн который я сделал ещё меньше.
Kosten
Kosten 06 Августа 2017 20:4214
0
А что тут меньше делать, на кино сайте пишут, с билетом и зайцы, здесь просто как то под тематику выводят, что просто знаки поменять и твое уже написано будет, это делается перед операторами, главное чтоб сама статистика работала.

Оставь свой отзыв

avatar