Статистика онлайн в цветном виде для uCoz


Отлично созданная статистика для сайта в режиме онлайн, где идет три блока и у каждого своя цветовая гамма цвета, которая меняется. Изменить гамму можно в стилистике CSS, что сделал, так как по умолчанию она шла в синем оттенке. Также добавил стилей на закругление углов, чтоб корректно вывести и смотрелось красиво. Она по своим свойствам проста, как в установке, так и в настройках.

Здесь так сделано, что на темном фоне и на светлом смотрится отлично, но изначально под светлый все выставлено. Также ее можно поставить в блок-контейнера, но в низ сайта, если по ширине позволяет. На каждый элемент прописаны стили, что если в дизайн сайта не подходит, то вообще можно сделать так. Это выставить одну гамму и потом выставить в полу прозрачном формате. Вообще если решили убрать стандартный вид, то этот скрипт будет хорошей заменой.
Приступаем к установке:
По месту, где хотите наблюдать:
HTML
Код
<Center><b>  
<div class="zornet_ru_stigan">  

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

<div class="block">  
<div id="sazredkim"></div>  
<span>Гости</span>  
</div>  

<div class="block">  
<div id="dukimlsa"></div>  
<span>User</span>  
</div>  

</div>  

<div style="display: none;">$ONLINE_COUNTER$</div>  

<script type="text/javascript">  
$('#tugsanim').text($('#onl1 b').text());  
$('#sazredkim').text($('#onl2 b').text());  
$('#dukimlsa').text($('#onl3 b').text());  
</script></center>


CSS

Код
.zornet_ru_stigan {margin: 15px 0 18px; text-align: center;}  
.zornet_ru_stigan .block {display: inline-block; margin: 0 5px; position: relative;}  
.zornet_ru_stigan .block div {border: 2.1px solid;border-radius: 5px 5px 0px 0px;width: 49.9px;height: 49.5px;line-height: 47px;font-size: 18px;}  
.zornet_ru_stigan span {display: block;border-radius: 2px;width: 54px;height: 20px;line-height: 20px;font-size: 10px;color: #f3efef;text-transform: uppercase;position: absolute;right: 0px;top: 47px;text-shadow: 0 1px 0 #191717;}  
.zornet_ru_stigan .block:nth-of-type(1) div {border-color: #3765c5;color: #1;}  
.zornet_ru_stigan .block:nth-of-type(1) span {background: #1d69ff;}  
.zornet_ru_stigan .block:nth-of-type(2) div {border-color: #e64a1f; color: #1;}  
.zornet_ru_stigan .block:nth-of-type(2) span {background: #de6a18;}  
.zornet_ru_stigan .block:nth-of-type(3) div {border-color: #76ad16; color: #1;}  
.zornet_ru_stigan .block:nth-of-type(3) span {background: #2bb31b;}

Комментарии
Комментариев пока нет..
Ты можешь быть первым, кто оставит комментарий к публикации!


Вы не зарегистрированы

Статистика онлайн в цветном виде для uCoz


Автор публикации
Дата публикации
19-01-2022, 16:11
Просмотров
120
Комментариев
0

0
0
Внимание! Данный материал предоставлен сайтом VipAdmin.Club исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое
Реклама
Как скачать?
Пройдите регистрацию на сайте
Воспользуйтесь кнопкой "Скачать"
Ровно через 15 секунд вам будет доступна прямая ссылка на файл
Статистика онлайн в цветном виде для uCoz
19-01-2022, 16:11
120

Статистика онлайн в цветном виде для uCoz

Информация
Версия
v1.405
Версия CMS
v15.0
Тематика
Новости, Блог, Каталог
Фреймворк
Bootstrap v5

Описание


Отлично созданная статистика для сайта в режиме онлайн, где идет три блока и у каждого своя цветовая гамма цвета, которая меняется. Изменить гамму можно в стилистике CSS, что сделал, так как по умолчанию она шла в синем оттенке. Также добавил стилей на закругление углов, чтоб корректно вывести и смотрелось красиво. Она по своим свойствам проста, как в установке, так и в настройках.

Здесь так сделано, что на темном фоне и на светлом смотрится отлично, но изначально под светлый все выставлено. Также ее можно поставить в блок-контейнера, но в низ сайта, если по ширине позволяет. На каждый элемент прописаны стили, что если в дизайн сайта не подходит, то вообще можно сделать так. Это выставить одну гамму и потом выставить в полу прозрачном формате. Вообще если решили убрать стандартный вид, то этот скрипт будет хорошей заменой.
Приступаем к установке:
По месту, где хотите наблюдать:
HTML
Код
<Center><b>  
<div class="zornet_ru_stigan">  

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

<div class="block">  
<div id="sazredkim"></div>  
<span>Гости</span>  
</div>  

<div class="block">  
<div id="dukimlsa"></div>  
<span>User</span>  
</div>  

</div>  

<div style="display: none;">$ONLINE_COUNTER$</div>  

<script type="text/javascript">  
$('#tugsanim').text($('#onl1 b').text());  
$('#sazredkim').text($('#onl2 b').text());  
$('#dukimlsa').text($('#onl3 b').text());  
</script></center>


CSS

Код
.zornet_ru_stigan {margin: 15px 0 18px; text-align: center;}  
.zornet_ru_stigan .block {display: inline-block; margin: 0 5px; position: relative;}  
.zornet_ru_stigan .block div {border: 2.1px solid;border-radius: 5px 5px 0px 0px;width: 49.9px;height: 49.5px;line-height: 47px;font-size: 18px;}  
.zornet_ru_stigan span {display: block;border-radius: 2px;width: 54px;height: 20px;line-height: 20px;font-size: 10px;color: #f3efef;text-transform: uppercase;position: absolute;right: 0px;top: 47px;text-shadow: 0 1px 0 #191717;}  
.zornet_ru_stigan .block:nth-of-type(1) div {border-color: #3765c5;color: #1;}  
.zornet_ru_stigan .block:nth-of-type(1) span {background: #1d69ff;}  
.zornet_ru_stigan .block:nth-of-type(2) div {border-color: #e64a1f; color: #1;}  
.zornet_ru_stigan .block:nth-of-type(2) span {background: #de6a18;}  
.zornet_ru_stigan .block:nth-of-type(3) div {border-color: #76ad16; color: #1;}  
.zornet_ru_stigan .block:nth-of-type(3) span {background: #2bb31b;}
[xfgiven_images]
Изображения
[/xfgiven_images]
Автор публикации
wad
Комментарии и отзывы
  • Пустота..
    Людям пока лень писать тут отзывы и комментарии..


  • Вы не зарегистрированы

Последние комментарии
Модуль DLE-Billing 0.7.1 для DLE
aconse
21 сентября 2022 09:41
.xml нету в архиве для установки, вот и вся песенка
BitExchanger v2.0 - скрипт обменника валюты
Борис
21 сентября 2022 03:57
Хотел бы получить скрипт
Авто-донат MangoDonate (самописный)
Никита
13 сентября 2022 15:24
Для какой игры?
MyDonate
Гость Дмитрий
11 сентября 2022 21:52
По-умолчанию -- root
Скрипт магазина аккаунтов Оплата QIWI, ЮMoney, Visa
LocoTrip
11 сентября 2022 19:29
Как войти в админ панель
EngineGamePanel v3
Lite
11 сентября 2022 16:24
Дак давным давно слита и тем более панель в открытом доступе. А в архиве закоден установщик и хер
Sngine v3.1 NULLED - движок социальной сети
HGH
11 сентября 2022 09:42
Подскажите пожалуйста почему регистрация пользователя только на латинице? Как исправить эту
Скрипт рулетки Bellereve c 7 игровыми режимами
Аня Мамашина
10 сентября 2022 18:23
помоги пожалуйста у тебя есть вк для связи!
Скрипт рулетки Bellereve c 7 игровыми режимами
Гость Алексей
10 сентября 2022 13:58
привет готов помочь
Скрипт рулетки Bellereve c 7 игровыми режимами
Никита
7 сентября 2022 17:19
Подскажите этот скрипт ставиться на хостинг или на vds ?
WooCommerce - 1C - Data Exchange v1.114.0 NULLED | WooCommerce - 1C - Обмен данными
Степан
7 сентября 2022 11:07
Поставил. Пока полет нормальный, надеюсь в нем ни чего не вшито!
Expert Review v1.2.2
Гость Andrey
6 сентября 2022 08:23
Здравствуйте. Дайте последнюю версию скачать пжл у кого есть?
Скрипт рулетки Bellereve c 7 игровыми режимами
Аня Мамашина
5 сентября 2022 18:38
Дорогой и хороший человек помоги установить этот скрипт на хостинг ?)
Скрипт рулетки Bellereve c 7 игровыми режимами
Аня Мамашина
5 сентября 2022 18:38
РЕБЯТА ПОМОГИТЕ КТО УМЕЕТ УСТАВЛИВАТЬ СКРИПТЫ БУДУ РАДА!
Полный дамп магазина цифровых товаров Seomaxvip.ru
Гость Pavel
3 сентября 2022 18:00
Всё работает, ставил эту муть . Забудте про этот скрипт