Видео-уроки
Статистика
Комментарии

в 19:43 19.02.2024

в 00:58 25.12.2023
как зробить шоб зразу с текстурой появилос

в 13:17 20.07.2023
Содержимое сайта
Последние обновленные темы на форуме
Последний: 23a3sdasdasd322
Социальные сети
Тему создал Vetal, В Разделе: Социальные сети
6
Ответов
Последний: eniston4739
Дизайн сайта
Тему создал Raccoon, В Разделе: Общение
9
Ответов
Последний: eniston4739
Общение Mir-Devil
Тему создал Vetal, В Разделе: Общение
36
Ответов

  • Страница 1 из 1
  • 1
Статистика сайта
Дата: Среда, 18.01.2017, 14:24 | Сообщение # 1
Raccoon
Friends Mir-Devil
372Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:


Довольно неплохая статистика для вашего сайта.
Для её установки вам нужно вставить данный код в самый низ css

Код
/* Новый вид онлайн статистики by Snoopak */
  .item {
  text-align: center;
  float: left;
  margin: 10px;
  }
   
  .num {
  background: #fff;
  border: 3px solid;
  border-radius: 50%;
  line-height: 50px;
  width: 50px;
  margin: auto;
  text-align: center;
  }
   
  #tnum {border-color: #222;}
  #unum {border-color: #008000;}
  #gnum {border-color: #d6d6d6;}
  /* ------------- */


Потом замените $ONLINE_COUNTER$ на данный код. Найти его вы сможете в первом или во втором блоке в зависимости где у вас стоит статистика.

Код
<div class="item total">
  <div id="tnum" class="num"></div>
  Всего
  </div>  
  <div class="item users">
  <div id="unum" class="num"></div>
  Пользователи
  </div>
  <div class="item guests">
  <div id="gnum" class="num"></div>
  Гости  
  </div>
  <div style="display:none;">$ONLINE_COUNTER$</div>
  <script type="text/javascript">
  $('#tnum').text($('#onl1 b').text());
  $('#gnum').text($('#onl2 b').text());
  $('#unum').text($('#onl3 b').text());
  </script>


Его вид и размер можно подстроить под себя пример небольшого изменения можете увидеть на нашем сайте.

Дизайнер живёт своей профессией, делая из хаоса порядок.
  • Страница 1 из 1
  • 1
Поиск: