Новое
Новое для uCoz	Новое на форуме
+ Скрипт анонимного чата (ajax) + The Room Two + Wild Blood + Botanicula / Ботаникула + Король Математики (2013) + Кнопка рейтинга + и -	+ отбросы смотреть онлайн + Marlinnkalmes + проститутки иркутска + споры страховыми компаниями + купить водку ельцин - Белая Церковь-Полтава-Харьков + FedorTuh
Новое для Photoshop	Новые Программы
+ Календарь на 2016 год - Прикольная обезьянка с фруктом + Фото шаблон - В синем платье у Порше 918 + Шаблон для фото - Интервью актера + PSD шаблон для мужчин - Магнат у себя дома + Photoshop шаблон - В гламурной шляпе с цветами + Фотошаблон для фото - С новым годом от снегурки	+ Сапфировый экран iPhone 6 + Небольшой электронный помощник + Способы и методы продвижения сайта + Cвежие ключи для Касперского от 07.10.2013 + Ресурс для продаж + FileRestorePlus 3.0.2 Build 406

Интересное

Скачать Новый вид статистики Ucoz

Добавлено: 07.09.2012

Ну так вот сегодня мы поставим себе статистику на сайт как на usite, только без php.

Установка: 1)

Где хотим видеть статистику вставляем:

Code

<div style="display:none;" id="template">
<a href="/index/8-{USERID}" style="text-decoration:none;"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td valign="top" style="width: 23px;"><div class="avkas rad2 group{USERGROUPID}" style="padding: 3px;"><div class="rad2"><img src="{USERAVATARURL}" border="0" class="rad2" style="max-width: 20px;" alt=""></div></div></td><td style="padding-left: 5px;" valign="top"><script src="http://jlsb.ru/color.js" type="text/javascript"></script><div style="padding-bottom: 3px;"><span class="group{USERGROUPID}"><b>{USERNAME}</b></span></div><div style="color: #9d9d9d;">{USERGROUPNAME}</div></td><td style="width: 32px;"><div style="border-left: 1px dotted #ddd; padding: 0 0 0 5px;"><div class="wrap-but rad2"><a href="/index/14-{USERID}-0-1" target="_blank" class="button rad2"><span class="sb rad1" style="padding: 4px 7px 4px 7px;"><img src="http://s60.radikal.ru/i167/1208/22/38db5172c318.png" border="0" alt=""></span></a></div></div></td></tr></tbody></table></a><div style="margin: 5px 0; border-top: 1px solid #ddd;"></div></div><script type="text/javascript" src="http://uwebo4ka.3dn.ru/scripts/statistika/onlinev1.4.js"></script>

2) В CSS ставим следующее:

Code

div.group2{background-color:#008b00;}
  div.group4{background-color:#b22222;}
  div.group1{background-color:#a5a5a5;}
  div.group3{background-color:#7b08b7;}
  div.group255{background-color:#663300;}
  div.group251{background-color:#24afb1;}
  span.group2{color:#008b00;}
  span.group4{color:#b22222;}
  span.group1{color:#a5a5a5;}
  span.group3{color:#7b08b7;}
  span.group255{color:#663300;}
  span.group251{color:#24afb1;}
  .avkas {
  display: inline-block; *display: inline; background: rgba(230,230,230,0.65); padding: 5px; padding-bottom: 6px;
  -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
  }
  .avkas div {
  background: #fff; padding: 3px; display: inline-block; *display: inline;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
  }
  .rad2 {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
  .wrap-but {
  display: inline-block; *display: inline;
  background: #e0e0e0 url("http://uwebo4ka.3dn.ru/scripts/statistika/noize.png"); padding: 4px;
  -webkit-box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17); box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17);
  }
  a.button:link, a.button:visited {
  text-decoration: none; font-size: 11px; color: #fff;
  display: inline-block; *display: inline;
  border: 1px solid #51708c; background: #648aad url("http://uwebo4ka.3dn.ru/scripts/statistika/noize.png"); text-shadow: 0 -1px 0 #597a98;
  }
  a.button:hover, a.button:active {
  text-decoration: none; color: #fff; border: 1px solid #51708c; background: #6e96b5 url("http://uwebo4ka.3dn.ru/scripts/statistika/noize.png");
  }
  a.button span.sb {
  display: inline-block; *display: inline;
  background: url("http://uwebo4ka.3dn.ru/scripts/statistika/highlight.png") repeat-x 0 -2px;
  padding: 5px 10px;
  }

Незабываем в общих настройках включать API!