ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Оригинальный вид статистики uCoz в низу

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

Оригинальный вид статистики 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;}

HTML + JS

Чтобы наша статистика выводилась на всех страницах сайта, то просто нужно поместить в глобальный блок нижняя часть. А если на отдельно взятых, то по умолчанию код HTML прописывается в тело шаблона страницы - не ниже </body> (можно сразу перед ним), а JS - после </head> (главное чтобы был поставлен ниже подключенной библиотеки jQuery, как и в этом случае скрипт сработает после загрузки страницы).

Код
<?if($ONLINE_COUNTER$)?><div class="statNew statNew1">Сейчас на сайте: <span id="schetPol">0</span> <img src="http://zornet.ru/Images/izobrazheniye/dasukin/elasderuvas.png" border="0" alt="△" style="float:right" id="expandSt"></div>
<div style="display:none" class="statNew statNew2"><img src="http://zornet.ru/Images/izobrazheniye/dasukin/desanulok.png" border="0" alt="▽" style="float:right; top:0;" id="expandSt2">$ONLINE_COUNTER$<hr>Пользователи онлайн:<br>$ONLINE_USERS_LIST$</div>

<script type="text/javascript">
$(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><?endif?>

На этом установка завершена.

Демонстрация
2015-06-27 Загрузок: 3 Просмотров: 1354 Комментарий: (8)

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

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

Оставь свой отзыв

Комментарий: 8
Kosten
Kosten 2015-07-05 20:231
0
Друзья, реально прикольная статистика, я на один сайт поставил, и выдает все правильно. Делаем сайт оригинальным.
Canon
Canon 2015-09-06 03:142
0
Удобная статистика, хотя выдает стандартно, зато не маячит и сделана на прозрачном темном фоне, что всегда вызывает прекрасный просмотр.
Nikolas86
Nikolas86 2020-05-11 10:043
0
У меня почему то не открывается.. Пишет сколько онлайн, но не открывается 50a
Сопрано
Сопрано 2020-05-11 12:214
0
Этот скрипт устарел, где одна ссылка битая, что проверил и также полная стата не открывается.
Nikolas86
Nikolas86 2020-05-11 15:275
0
Ясно. Спасибо. Тоже подумал, что устарел за 5 лет) Попробую через аякс замутить со стандартной. Просто у меня сайт без блоков и нужен минимализм :-)
Kosten
Kosten 2020-05-11 17:046
0
Nikolas86, скрипт поправил, здесь битые ссылки были, что на фотошоп выставил, но и нужно обязательно подключать библиотеку. Хотя она по умолчанию на uCoz системе вшита, то попробуйте обновить, если не получится, то в head пропишите ссылку на библиотеку и все будет работать.
-SAM-
-SAM- 2020-05-12 02:577
0
Не нужно никакую ссылку на библиотеку прописывать (правильно написали, что она по умолчанию в исходном коде сайта uCoz и так уже есть), как и скрипт не устарел. Библиотека там указывается для работы в демонстрации, если прописать её на сайте - потом только конфликты возможны (пример). Всё зависит от того, куда там ставит пользователь у себя. И скрипт не будет работать у тех, кто не активировал в ПУ счётчики на онлайн, как и не будет работать на тех страницах, где они в коде не прописаны или не работают (допустим, смысла нет прописывать в низ сайта, чтобы было и на форуме тоже; я вот вам еще в своё время помогал исправлять статистику в футере, что и здесь тот же случай, когда нужно прописывать в связке с условными операторами).


UPD.: поправил еще материал, исходя из выше написанного мной (и еще по мелочам - постер материала обновил, архив прикрепленный до ума довёл).
Nikolas86
Nikolas86 2020-05-12 05:488
+2
Спасибо. Теперь работает 11a
avatar