» »

Оригинальны вид статистики uCoz в низу


Если ваша стандартная статистика не устраивает, то можете установить Оригинальны вид статистики uCoz в низу, которая по обыкновению будет в низу в правом угле. По дизайну она выполнена в темном виде и прозрачность у ней к примеру на 50%, что дает показать светлый шрифт, который прописан на ней. Подойдет как темному стилю так и под светлый отлично подходит. Когда вы на сайте, то только будете видеть, сколько пользователей и гостей на нем также. Но стоит сделать клик на светлый треугольник, как плавно начинается подниматься и уже на ней вся информация. Отлично подойдет на любую тематику, но по мне больше на кино сайт, так как основном там статистику снимают, а здесь она мешать совершенно не будет.

Вот она в раскрытой форме:



А как она будет выглядеть просто в не рабочем состояние, можете посмотреть на главной картинке.

Теперь установка, которая была проверена на тестовом сайте и отлично работает а главное все правильно выводит.

Первое что нужно сделать поставить стили на наш материал в 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---*/  
  $(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="http://webmaster-ucoz.ru/ucoz/1/statistika/ucozik/Stat_Icon.png" border="0" alt="" style="float:right" id="expandSt"></div>  
<div style="display:none" class="statNew statNew2"><img src="http://zornet.ru/SKRIPT/FR/Stat_Icon2.png" border="0" alt="" style="float:right; top:0;" id="expandSt2">$ONLINE_COUNTER$<hr>Пользователи онлайн:<br>$ONLINE_USERS_LIST$</div>


Спасибо сайту Укозик.рф за предоставленный скрипт.
27.06.2015 Просмотров: 565 Комментарий: (2)

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

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

Комментарий: 2
Kosten
Kosten 05.07.2015 20:231
0
Друзья, реально прикольная статистика, я на один сайт поставил, и выдает все правильно. Делаем сайт оригинальным.
Canon
Canon 06.09.2015 03:142
0
Удобная статистика, хотя выдает стандартно, зато не маячит и сделана на прозрачном темном фоне, что всегда вызывает прекрасный просмотр.
avatar