Главная - Все для web-мастера uCoz

Вид статистики by укозик

Вид статистики by укозик
Предоставляю вам свою версию статистики. Блок, напоминающий строку состояния, фиксируется в правом нижнем углу. При нажатии на кнопку, блок разворачивается и выводит более подробную статистику сайта.
Установка:

В css:

Code
.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>:

Code
<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>:

Code
<div class="statNew statNew1">Сейчас на сайте: <span id="schetPol">0</span> <img src="http://xn--g1acecr2a.xn--p1ai/avtorstvo/scripts/statistyka/Stat_Icon.png" border="0" alt="" style="float:right" id="expandSt"></div>
<div style="display:none" class="statNew statNew2"><img src="http://xn--g1acecr2a.xn--p1ai/avtorstvo/scripts/statistyka/Stat_Icon2.png" border="0" alt="" style="float:right; top:0;" id="expandSt2">$ONLINE_COUNTER$<hr>Пользователи онлайн:<br>$ONLINE_USERS_LIST$</div>


Готово!

Источник: укозик.рф

Просмотров: 772 | Написал: (o)-$erega-(o) | Дата: 20.09.2012 | Комментарии: (2)
    ruslan | 20.09.2012
    А можно пример? Аватар

    (o)-$erega-(o) | 20.09.2012
    Сделаем Аватар


info
Гостям нельзя оставлять комментарии. Зарегистрируйтесь или войдите под своим профилем

vk
Рекомендуем
Мини-чат
23:26
gameaslife
Парни помогите ! http://xn--g1acecr2a.xn--p1ai/board/skripty_ucoz/bot_dlja_mini_chata/1-1-0-581

19:05
380971489511
А как делать фон на сайте?

17:31
ferr-um
Страница материала - http://укозик.рф/board/skripty/umenshaem_izobrazhenija_v_informerakh_kommentakh/5-1-0-444

17:31
ferr-um
Скрипт хорош, решил потестировать и даже больше - использовать его и для уменьшения видео, так вот вроде бы все работает на IE и MF но вот Google Chrome вроде бы воспринимает скрипт, но после перезагрузки страницы картинки снова увеличенные ( кстати видео не увеличивается ) в чем может быть проблема? Заранее спасибо.

17:31
ferr-um
Я так понял сообщение отправить пока нет возможности, но вот ответ на вопрос хотелось бы получить, так как очень нужно и так:

23:02
Kulac
по моему, выглядит капельку лучше

00:51
Montik
Супер

04:46
Admin
Всем привет! Сайт переехал на новый хостинг!

Для добавления необходима авторизация
Реклама
Статистика
Яндекс.Метрика

Онлайн всего: 1
Гостей: 1
Пользователей: 0