Статистика сайта

Разместил Montik, 18-09-2014, 17:44 / Просмотров: 451 / Комментариев: 0

Статистика сайта

Статистика посещаемости вашего сайта . Данный скрипт расположит фиксированную кнопку в правом нижнем углу вашего проекта. Если на жать на данную кнопку то блок развернётся и выводит расширенную статистику посещаемости.
Установка:

В css:

.statNew{
font-family:times new roman;font-size:16px;
background-color: rgba(0,08,0,0.7);
color:#fff;
border: 1px solid black;
-webkit-box-shadow: inset 0 1px 0 0 white;
-moz-box-shadow: inset 0 1px 0 0 white;
box-shadow: inset 0 1px 0 0 white;
padding: 0 5px;
border-radius: 5px 0 0;
width:250px;
position:fixed;
bottom:0;
right:0;
}
.statNew hr{border:0;border-bottom:1px dotted #fff;}
.statNew a:link{color:#C4C4C4;text-decoration:none;}
.statNew a:visited{color:#C4C4C4;}
.statNew a:hover{color:#fff;}
.statNew a:active{color:#C4C4C4;}
#expandSt, #expandSt2{cursor:pointer;}


После /head

<script type="text/javascript">
/*---Avtor: serega---*/
$(document).ready(function(){
var statNew1 = $('.statNew1'), statNew2 = $('.statNew2');
$('#schetPol').html($('.tOnline b').html());
$('#expandSt').click(function(){
statNew1.slideUp(1000);
statNew2.delay(1000).slideDown(2000);
});
$('#expandSt2').click(function(){
statNew2.slideUp(2000);
statNew1.delay(2000).slideDown(1000);
});
});
</script>


Перед / body

<div class="statNew statNew1">Сейчас на сайте: <span id="schetPol">0</span> <img src="/uploads/posts/2014-09/1411047806_user-net.ru_9999999999999.png" border="0" alt="" style="float:right" id="expandSt"></div>
<div style="display:none" class="statNew statNew2"><img src="/uploads/posts/2014-09/1411047742_user-net.ru_8888888888.png" border="0" alt="" style="float:right; top:0;" id="expandSt2">$ONLINE_COUNTER$<hr>Пользователи онлайн:<br>$ONLINE_USERS_LIST$</div>

Готово!



комментариев
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Интересное