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

637
10 из 10
Проголосовало: 7






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

Данный вид статистики очень красивый и функциональный, и вот его возможности:
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 25
Скрипты и модификации для Ucoz 2123
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
в страница добавления/редактирования материала отображается следуещее ,success:function(a){var a=$(a);!a.text().match('myWinError')? plusrep(a) : _uWnd.content('addEnt',a.text().match(/<div[^<>]*>(.+)<\/div>/i)[0])||$('input.manFlSbm').attr('disabled',0)}

и не работает ничего(, что делать?
  • modelswar3 написал:
  • Обновите ссылку!!
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
    Последние темы
    Опрос
    500
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей:
    Онлайн
    0
    Наших
    0
    Чужих
    0