Статистика онлайн в цветном виде для 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
Просмотров
62
Комментариев
0

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

Статистика онлайн в цветном виде для 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
Комментарии и отзывы
  • Пустота..
    Людям пока лень писать тут отзывы и комментарии..


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

Последние комментарии
Слив аналога nakrutka.by
tommygun
Вчера, 01:57
привет, админка не реагирует на функции , например на добавлении или изменении категорий , как
Слив интернет магазина от ScriptBerry
Гость Arthurr
14 мая 2022 21:07
65.21.218.141
Слив интернет магазина от ScriptBerry
Arthurr
14 мая 2022 21:06
65.21.218.141
VII ENGINE 2.0 НОВАЯ СБОРКА
Имран Абай
14 мая 2022 17:34
создаю соц сеть
Слив интернет магазина от ScriptBerry
VexBor
13 мая 2022 23:07
95.211.16.66
Скрипт рулетки PLAY2X WINBEE DICE MINE NVUTI CABURA
tommygun
13 мая 2022 19:18
бля я как немногу ларавелы установить никак у мя не работают
WP Guppy v2.3 NULLED - плагин живого чата для WordPress
Daniil_xxx
13 мая 2022 11:01
Подскажите. Есть последняя версия плагина 3.3 ?
Workreap v2.1.8 - шаблон биржи фриланса wordpress
Daniil_xxx
13 мая 2022 11:00
Добрый день. Подскажите есть последняя версия темы? 2.5.2
Unisite Board 4.4 NULLED NEW 2022
Гость 2022
12 мая 2022 23:25
hello. can you null this template? they wont sell it, and wont give it adbroad.
Скрипт лотереи(которую продают)
tommygun
11 мая 2022 01:32
после установки сборки белый экран , как решить ребята?
Скрипт WF-TICKET - Открытие кейсов + карточки
tommygun
10 мая 2022 23:47
нерабочая админка
Unisite Board 4.4 NULLED NEW 2022
Гость Алексей
10 мая 2022 16:37
Есть ли у кого новая версия 4.6 готов преобрести
InvestPro v3.0.1 – Wallet &amp; Banking Online Hyip Investment Platform
tommygun
9 мая 2022 06:13
хочу сказать СПАСИБО авторам и всем тем кто держит данный сайт, вы молодцы ребята , прошу
Слив скрипта cabura
магомед камалудинов
9 мая 2022 01:14
нужен скрипт
Social Business Networking 1.2 - социальная бизнес сеть
tommygun
8 мая 2022 22:51
битая ссылка