Гость
Статистика Форума
Последнии темы Читаемые темы Лучшии пользователи Новые пользователи
  • Мини сюжетный мод"Лейтенант посланный в зону"... (2)
  • ATM Shaders Mod v 0.1: Soft Hardened Shadows for DX10 (0)
  • Золотой Шар. Завершение (0)
  • Все игры по Средиземью (список) (0)
  • Тёмные uWnd окна для uCoz (0)
  • Weloveiconfonts — иконки из шрифтов на чистом CSS (0)
  • Эффекты увеличения изображений через плагин Cloud Zoom (0)
  • Подсветка синтаксиса Code через Google Pretty для uCoz (0)
  • Спасибо виде плюса за материал, статью для uCoz (0)
  • Кнопка переключения дизайна (0)
  • Русскоязычное руководство по моду Frackin' Universe... (38)
  • Фоны для сталкерского сайта (32)
  • Capital-Rp Wikia Code (22)
  • Личные сообщения (18)
  • Проблемы в модуле "Пользователи" (17)
  • Рамки сталкер / для аватарок / новостей. (13)
  • Контент блоки Сталкер // Content block stalker (11)
  • Гид прохождения Золотой Обоз 2 (11)
  • Блоки сталкер // Block stalker (9)
  • Вопросы // Ответы (8)
  • Xemordio (1792)
  • Ghosteron (2)
  • BlackHARD (0)
  • VarWarrer (0)
  • grigorjevaolga75 (0)
  • Milan_Shubin (0)
  • Илья (0)
  • taxxat (0)
  • (((miha))) (0)
  • igor (0)
  • TonaTor (06.06.2018)
  • BlackHARD (17.05.2018)
  • VarWarrer (16.05.2018)
  • grigorjevaolga75 (14.05.2018)
  • Milan_Shubin (30.04.2018)
  • Илья (18.04.2018)
  • taxxat (14.04.2018)
  • (((miha))) (11.04.2018)
  • igor (03.04.2018)
  • avdeevay27 (02.04.2018)

    • Страница 1 из 1
    • 1
    Форум » Web uCoz » Скрипты для uCoz » Вид онлайн статистики V2
    Вид онлайн статистики V2
    Xemordio [Offline]Дата: Суббота, 28.04.2018, 07:52 | Сообщение # 1
    Генерал [?]
    Группа: Администраторы
    Сообщений: 1792
    Награды: 0
    Репутация: 1

    Оригинальный вид статистики для ucoz-итак как мы уже давно поняли,что стиль сегодня задает такая фигура как круг.Круглые аватары в виде комментариев и так далее все это делается из за сегодняшнего стиля,который задает ритм всем веб-дизайнерам.Опишем сам скрипт.Это три круга в которых помещены цифры и внизу расположена надпись,которая показывает,что цифры в кругу означают,имеют они три разных цвета
    Установка:
    В CSS ставим
    Код
    .statistics {margin: 20px 0 17px; text-align: center;}  
    .statistics .block {display: inline-block; margin: 0 8px; position: relative;}  
    .statistics .block div {border: 1px solid; border-radius: 50%; width: 60px; height: 60px; line-height: 53px; font-size: 16px;}  
    .statistics span {display: block; border-radius: 3px; width: 54px; height: 20px; line-height: 20px; font-size: 10px; color: #fff; text-transform: uppercase; position: absolute; right: 3px; top: 47px;}  
    .statistics .block:nth-of-type(1) div {border-color: #ca6539; color: #ca6539;}  
    .statistics .block:nth-of-type(1) span {background: #ca6539;}  
    .statistics .block:nth-of-type(2) div {border-color: #8bca39; color: #8bca39;}  
    .statistics .block:nth-of-type(2) span {background: #8bca39;}  
    .statistics .block:nth-of-type(3) div {border-color: #cac839; color: #cac839;}  
    .statistics .block:nth-of-type(3) span {background: #cac839;}

    Заменяем $ONLINE_COUNTER$ на этот код:
    Код

    <div class="statistics">
    <div class="block">
    <div id="tnum"></div>
    <span>Всего</span>
    </div>

    <div class="block">
    <div id="unum"></div>
    <span>Польз.</span>
    </div>

    <div class="block">
    <div id="gnum"></div>
    <span>Гости</span>
    </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>
    Форум » Web uCoz » Скрипты для uCoz » Вид онлайн статистики V2
    • Страница 1 из 1
    • 1
    Поиск:

    13:27
    Обновить