Простой вид статистики
22.11.2013 в 18:14
Автор: babygirl | Комментариев (0) | Просмотров: 961 | Скачали: 0
Простой вид статистики
Описание файла:
Наверное все видели этот скрипт, но мне кажется не все поняли для чего он. Ну так вот сегодня мы поставим себе статистику на сайт как на usite, только без php. 




Вставляем туда где хотим видеть статистику:
Код
<span style="font-size: 8pt;"><div style="display:none;" id="template"> </span></div><div><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"><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://uwebo4ka.3dn.ru/scripts/statistika/pm.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>

А это в CSS
Код
<span style="font-size: 8pt;">div.group2{background-color:#008b00;} </span></div><div>div.group4{background-color:#b22222;} </div><div>div.group1{background-color:#a5a5a5;} </div><div>div.group3{background-color:#7b08b7;} </div><div>div.group255{background-color:#663300;} </div><div>div.group251{background-color:#24afb1;} </div><div>span.group2{color:#008b00;} </div><div>span.group4{color:#b22222;} </div><div>span.group1{color:#a5a5a5;} </div><div>span.group3{color:#7b08b7;} </div><div>span.group255{color:#663300;} </div><div>span.group251{color:#24afb1;} </div><div>.avkas { </div><div>  display: inline-block; *display: inline; background: rgba(230,230,230,0.65); padding: 5px; padding-bottom: 6px; </div><div>  -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); </div><div>  -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); </div><div>  box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);  </div><div>} </div><div>.avkas div { </div><div>  background: #fff; padding: 3px; display: inline-block; *display: inline; </div><div>  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15); </div><div>  -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15); </div><div>  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);  </div><div>} </div><div>.rad2 {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} </div><div>.wrap-but { </div><div>  display: inline-block; *display: inline; </div><div>  background: #e0e0e0 url("http://uwebo4ka.3dn.ru/scripts/statistika/noize.png"); padding: 4px; </div><div>  -webkit-box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17); </div><div>  -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);  </div><div>} </div><div>a.button:link, a.button:visited { </div><div>  text-decoration: none; font-size: 11px; color: #fff; </div><div>  display: inline-block; *display: inline; </div><div>  border: 1px solid #51708c; background: #648aad url("http://uwebo4ka.3dn.ru/scripts/statistika/noize.png"); text-shadow: 0 -1px 0 #597a98; </div><div>} </div><div>a.button:hover, a.button:active { </div><div>  text-decoration: none; color: #fff; border: 1px solid #51708c; background: #6e96b5 url("http://uwebo4ka.3dn.ru/scripts/statistika/noize.png"); </div><div>} </div><div>a.button span.sb { </div><div>  display: inline-block; *display: inline; </div><div>  background: url("http://uwebo4ka.3dn.ru/scripts/statistika/highlight.png") repeat-x 0 -2px; </div><div>  padding: 5px 10px; </div><div>}
В общих настройках влючите API!

Скачать файл

Инструкция по установке шаблонов:
Инструкция, приведенная ниже, поможет Вам быстро установить скачанный у нас с сайта шаблон. Для правильной установки прочтите, пожалуйста, внимательно все пункты инструкции, дабы не возникло дополнительных вопросов.
1. Прежде всего загружаем содержимое папки Файловый Менеджер на Ваш сайт.
2. Далее заходим в Дизайн - Управление дизайном (CSS), копируем содержимое файла Таблица стилей и вставляем с заменой. После используем текстовый файл Конструктор шаблонов для создания каркаса дизайна (Дизайн - Конструктор шаблонов).
3. И в заключении устанавливаем сами модули, находятся они в папках с названием, соответствующему названию модуля.


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]