Новый вид статистики на любую страницу uCoz by webo4ka.ru


Новый вид статистики на любую страницу uCoz by webo4ka.ru

361
10 из 10
Проголосовало: 6






Всем привет, недавно на нескольких сайтах я увидел одну статистику, и вспомнил, что я делал что-то подобное когда делал данный шаблон, решив поковыряться в стары файлах своего компьютера, я нашел его - новы вид статистики.
А вообще идея реализации данного скрипта мне пришла когда я ходил по всяким бизнес сайтам, где красиво появляются цифры от одного и до тысяч как раз в кружочках, вот я и делал для своего сайта, потом все пере игралось и я статистику вставил в блок а про эту забыл, думал вообще удалил, но теперь я выставляю ее в паблик))

Данный вид статистики очень красивый и функциональный, и вот его возможности:
1) Фиксированная позиция в правом нижнем углу сайта по верх всех окон.
2) Работоспособность скрипта на любых страницах сайта даже на странице личных сообщений при условии активированного модуля форум.
3) Красивое появление цифр от нуля и до того числа сколько в текущий момент пользователей (p.s. если у вас на сайте один два человека, то красивое появление видно не будет).
4) Можете в комментариях написать и я дополню скрипт разными прибамбасами))

Но а теперь к установке:

Вставляем данный код на любой странице перед </body>:

Код

<style>  
  .wStatistic {position:fixed; bottom:10px; right:-5px; z-index:9999;}  
  .wRing {border:2px solid; width:30px; line-height:30px; text-align:center; font-size:14px; -moz-border-radius: 60px; -webkit-border-radius: 60px; -khtml-border-radius: 60px; border-radius: 60px; behavior: url(border-radius.htc);}  
  .wOnlain {background:#eeffdd; border-color: #66cc00;color: #66cc00;}  
  .wOurs {background:#ddeeff; border-color: #0066cc;color: #0066cc;}  
  .wForeign {background:#ffdddd; border-color: #cc0000;color: #cc0000;}  

  #wOnlain span {visibility:hidden; position:absolute; bottom:41px; right:117px; z-index:999; width:auto; margin-left: -127px; padding:2px 4px; border: 2px solid #000; opacity: 0.9; background-color:#000; -moz-border-radius:4px; border-radius:4px; cursor:auto; color:#fff;}  
  #wOnlain:hover {border:0;}  
  #wOnlain:hover span {visibility:visible;}  
  #wOnlain span:before, #wOnlain span:after {content: ""; position:absolute; z-index:1000; bottom:-7px; left:50%; margin-left:-8px; border-top:8px solid #000000; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:0;}  

  #wOurs span {visibility:hidden; position:absolute; bottom:41px; right:67px; z-index:999; width:auto; margin-left: -127px; padding:2px 4px; border: 2px solid #000; opacity: 0.9; background-color:#000; -moz-border-radius:4px; border-radius:4px; cursor:auto; color:#fff;}  
  #wOurs:hover {border:0;}  
  #wOurs:hover span {visibility:visible;}  
  #wOurs span:before, #wOurs span:after {content: ""; position:absolute; z-index:1000; bottom:-7px; left:50%; margin-left:-8px; border-top:8px solid #000000; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:0;}  

  #wForeign span {visibility:hidden; position:absolute; bottom:41px; right:14px; z-index:999; width:auto; margin-left: -127px; padding:2px 4px; border: 2px solid #000; opacity: 0.9; background-color:#000; -moz-border-radius:4px; border-radius:4px; cursor:auto; color:#fff;}  
  #wForeign:hover {border:0;}  
  #wForeign:hover span {visibility:visible;}  
  #wForeign span:before, #wForeign span:after {content: ""; position:absolute; z-index:1000; bottom:-7px; left:50%; margin-left:-8px; border-top:8px solid #000000; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:0;}  
  </style>  

  <div class="wStatistic">  
  <div id="wOnlain" style="float:left; margin-right:20px;"><span>Онлайн</span><div class="wRing wOnlain" id="visitors">0</div></div>  
  <div id="wOurs" style="float:left; margin-right:20px;"><span>Наших</span><div class="wRing wOurs" id="members">0</div></div>  
  <div id="wForeign" style="float:left; margin-right:20px;"><span>Чужих</span><div class="wRing wForeign" id="guests">0</div></div>  
  </div>  

  <script>  
  $.get('/forum ',function(data){  
  var statistics = [$('.gTable:last .gTableSubTop b:first',data).html(), $('.gTable:last .gTableSubTop b + b',data).html(), $('.gTable:last .gTableSubTop b',data).eq(2).html()]  

  // Онлайн  
  $({numberValue: $('#visitors').text()}).animate({numberValue: statistics[0]}, {  
  duration: 1000,  
  easing: 'linear',  
  step: function() {  
  $('.wOnlain').text(Math.ceil(this.numberValue));  
  }  
  });  

  // Авторизованных  
  $({numberValue: $('#members').text()}).animate({numberValue: statistics[1]}, {  
  duration: 1000,  
  easing: 'linear',  
  step: function() {  
  $('#members').text(Math.ceil(this.numberValue));  
  }  
  });  

  // Гостей  
  $({numberValue: $('#guests').text()}).animate({numberValue: statistics[2]}, {  
  duration: 1000,  
  easing: 'linear',  
  step: function() {  
  $('#guests').text(Math.ceil(this.numberValue));  
  }  
  });  
  }); /*by webo4ka.ru - удалять источник запрещено!!!*/  
  </script>


На этом все, не забываем отписаться о работе скрипта...
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 22

Snoopak
0
Snoopak написал: Написано 09 Января 2016 в 20:56
Комментарий №20
Но версия Вовчика, а именно вывод на все страницы тоже шикарное решение)

Snoopak
0
Snoopak написал: Написано 09 Января 2016 в 20:55
Комментарий №19
Мало кто знает, что это моя задумка и реализация ( статистика кружками ) которую щас все публикуют на своих сайтах.

Вовчик
+1
Вовчик написал: Написано 09 Января 2016 в 21:00
Комментарий №21
я давно такое сделал, просто забыл, а увидел твою реализацию и вспомнил, вот и выложил...

KhakimJON
0
KhakimJON написал: Написано 09 Января 2016 в 20:54
Комментарий №18
че за х....

Вовчик
0
Вовчик написал: Написано 09 Января 2016 в 21:04
Комментарий №22
какая х?)

KhakimJON
0
KhakimJON написал: Написано 09 Января 2016 в 20:52
Комментарий №15
Поч коммент удалили?

Вовчик
0
Вовчик написал: Написано 09 Января 2016 в 20:53
Комментарий №17
какой коммент?

KhakimJON
0
KhakimJON написал: Написано 09 Января 2016 в 20:50
Комментарий №14
У меня не работает

Вовчик
0
Вовчик написал: Написано 09 Января 2016 в 20:53
Комментарий №16
у кого не работает, сразу ссылку на сайт давайте...

Вовчик
0
Вовчик написал: Написано 09 Января 2016 в 19:30
Комментарий №13
Установил пока что скрипт на этой странице, просто скопировав код с данной страницы, так что все должно работать...

Betme
0
Betme написал: Написано 09 Января 2016 в 18:39
Комментарий №3
норм хе

Вовчик
0
Вовчик написал: Написано 09 Января 2016 в 18:41
Комментарий №4
Это ШЕДЕВР! biggrin biggrin biggrin

Betme
0
Betme написал: Написано 09 Января 2016 в 18:43
Комментарий №5
точно biggrin
Я на сайте но показывает НОЛЬ biggrin biggrin
http://prntscr.com/9nyuzf
Причина? dry

Вовчик
0
Вовчик написал: Написано 09 Января 2016 в 18:48
Комментарий №6
блин, на radikal заливайте, у меня этот файлообменник не грузит...

1) Не активирован форум.
2) Вид форума нестандартный неоткуда получать данные.
3) Глючит статистика, может показывать, что людей на сайте нет, у меня такое бывало
4) ХЗ)

Betme
0
Betme написал: Написано 09 Января 2016 в 18:58
Комментарий №7
Не работает! Но на вид класс biggrin

Вовчик
0
Вовчик написал: Написано 09 Января 2016 в 18:59
Комментарий №8
ссылку на сайт

na3uTuB4uk94
0
na3uTuB4uk94 написал: Написано 09 Января 2016 в 19:19
Комментарий №10
И правда 0 0 0, а у меня все в столбик biggrin

na3uTuB4uk94
0
na3uTuB4uk94 написал: Написано 09 Января 2016 в 16:23
Комментарий №1
Круто, хотел себе поставить, но у меня они в столбик идут((

Вовчик
0
Вовчик написал: Написано 09 Января 2016 в 16:24
Комментарий №2
не может быть, переустанови...

na3uTuB4uk94
0
na3uTuB4uk94 написал: Написано 09 Января 2016 в 19:18
Комментарий №9
Да блин ну попробовал перед body, потом поставил в нижнюю часть и все равно в столбик идут и все(

Вовчик
+1
Вовчик написал: Написано 09 Января 2016 в 19:19
Комментарий №11
заново код скопируй, я его отредактировал

na3uTuB4uk94
0
na3uTuB4uk94 написал: Написано 09 Января 2016 в 19:22
Комментарий №12
Вот теперь все классно, спасибо, ты лучший))

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    404
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 6
    Гостей: 5
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей:
    Онлайн
    0
    Наших
    0
    Чужих
    0