Главная » Шаблоны и Скрипты для uCoz » Скрипты для uCoz » Статистика для uCoz |
Темный Вид статистики сайта uCoz
01.07.2015, 00:36 | |
Темный Вид статистики сайта uCoz. Как вы поняли эта статистика идет в темном виде, очень красиво выглядит. Если кто не знает то эта статистика была рипнута с сайта cscontrol. Установка: 1. Создаем 1 информер. [ Счетчики материалов · Материалы ] В шаблон информера вставляем код: Код <li><img src="/images/post_forum.png"> Постов на форуме: <span>$FORUM_T$</span></li> <li><img src="/images/post_comments.png"> Комментариев: <span>$COMMENTS$</span></li> <li><img src="/images/add_files.png"> Добавлено файлов: <span>$LOAD$</span></li> <li><img src="/images/add_article.png"> Добавлено статей: <span>$PUBL$</span></li> 2. Создаем 2 информер. [ Счетчики для пользователей · Материалы · всех, по группам, по полу, по зодиаку, по дням (сегодня, вчера, 7 дней, 30 дней) ] В шаблон информера вставляем код: Код <li><img src="/images/all_users.png"> Всего пользователей: <span>$ALL_USERS$</span></li> <li><img src="/images/reg_day.png"> Зарегистрировано сегодня: <span>+ $TODAY$</span></li> 3. В глобальный блок вставляем код: Код <div class="bcont_countersite"> <ul> $MYINF_1$ $MYINF_2$ <li><img src="/images/visit_day.png"> <div id="userD" style="display:inline-block;">Сегодня нас посетили <span></span></div></li> <li><img src="/images/online_users.png"> Сейчас онлайн пользователи:</li> <div class="bcont_counter"> <div class="bStat"><div class="fonts">$ONLINE_USERS_LIST$</div></div> <div class="bStat_users"></div> <script type="text/javascript"> function declOfNum(number, titles) { cases = [2, 0, 1, 1, 1, 2]; return titles[ (number%100>4 && number%100<20)? 2 : cases[(number%10<5)?number%10:5] ]; }; $.get('/index/62-2',function(data){ spisok = $('a',$('cmd[p="content"]',data).text()).size(); $('#userD').html('Сегодня нас '+declOfNum(spisok, [" посетил", " посетило", " посетили"])+' <span>'+spisok+declOfNum(spisok, [" юзер", " юзера", " юзеров"])+'</span>') }); </script> </div> </ul> </div> 4. В таблицу стилей CSS добавляем строки: Код .bcont_counter {padding:5px 10px 5px 15px;line-height:15px;font-size:11px;color:#a9a9a9;} .bcont_counter span {background:#6f6f6f;padding:1px 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color:#fff;} .bcont_countersite li img {vertical-align:middle;position:relative;bottom:2px;} .bcont_countersite li{ height:23px; line-height:23px; border-bottom:1px solid #222222; padding-left:6px; } .bcont_countersite li span { background:#2d2d2d; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:2px 4px; } 5. Папку images заливаем на сервер. 6. $MYINF_1$ и $MYINF_1$ меняем на свои. Установка завершена, приятного использования. | |
Просмотров: 616 | Загрузок:19 Скачать |
Всего комментариев: 0 | |