• Страница 1 из 1
  • 1
Помогите настроить
milan_shubin 12-03-2018 в 18:36 1
Всем привет, вот уже с утра не могу настроить онлайн статистику для сайта!

Вообще не пойму как сделать 3 разных видов с цифрами кто онлайн и кто пользователей и гостей подробнее в фото:


Вот сам код:
Код
<div id="stats">
<div class="title330"><div class="title-nolink"><h2>Онлайн</h2></div><a class="all-m" href="http://sigerous.ru/index/15" tit="Полная статистика"></a></div>
<div class="stats">
<div style="display: none;"><div class="tOnline" id="onl1">Онлайн: <b>18</b></div> <div class="gOnline" id="onl2">Гостей: <b>7</b></div> <div class="uOnline" id="onl3">Пользователей: <b>11</b></div></div>
<div class="tOn" tit="Сейчас на сайте"><b>18</b></div>
<a class="uOn ulightbox" href="#onstats" tit="Пользователей онлайн"><b>11</b></a>
<div class="onstats" id="onstats"><a class="groupFriends" href="/index/8-39416">FrostWirm</a>, <a class="groupUser" href="/index/8-102146">валера</a>, <a class="groupUser" href="/index/8-28132">LENA_D</a>, <a class="groupUser" href="/index/8-25882">Uncle_S</a>, <a class="groupOther10" href="/index/8-92103">weles17</a>, <a class="groupOther12" href="/index/8-10592">Механик</a>, <a class="groupOther3" href="/index/8-6221">AnarxisT</a>, <a class="groupUser" href="/index/8-49970">Sabantsev</a>, <a class="groupUser" href="/index/8-2122">AEK973</a>, <a class="groupUser" href="/index/8-50134">Grek</a>, <a class="groupUser" href="/index/8-8355">Mitrich</a></div>
<div class="gOn" tit="Гостей онлайн"><b>7</b></div>
<script>
$(function() {
$('.tOn b').text( $('.stats .tOnline b').text() );
$('a.uOn b').text( $('.stats .uOnline b').text() );
$('.gOn b').text( $('.stats .gOnline b').text() );
});
</script>
</div>
</div>

</div>


Заранее спасибо)
прикрепленный файл
9932812.png (8.0 Kb)
Milan_Shubin
waak 12-03-2018 в 19:10 2
ссылку на сайт где стоит данная статистика которой не получается настроить вид
Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372 Вебмани R234675901433 Киви 79094024545

Создание сайтов в системе uCoz. Изменение и доработка уже готовых сайтов. Установка шаблонов. Настройка сайтов.
milan_shubin 12-03-2018 в 19:13 3
waak, я тебе в вк отправлю )
Milan_Shubin
waak 12-03-2018 в 19:52 4
вот полный код

стили
Код
<style>
/* Блок - статистика */
#stats {float: left; width: 330px; margin: 0 0 0 10px;}
#stats .stats {float: left; padding: 15px; width: 300px; background: #2b4054;}
#stats .stats .tOn, #stats .stats .gOn, #stats .stats a.uOn {float: left; width: 60px; height: 60px; transform: rotate(45deg); border-top: 7px solid #337f8c !important; border: 7px solid #3a4f63; border-radius: 50%; background: #2d3a4b; text-align: center; margin: 0 20px 0 0;}
#stats .stats .tOn {border-top: 7px solid #54a45d !important; margin: 0 20px 0 19px;}
#stats .stats .gOn {margin: 0px !important; border-top: 7px solid #777 !important;}
#stats .stats .tOn:hover {border: 7px solid #54a45d !important; cursor: help; background: #195f20;}
#stats .stats a.uOn:hover {border: 7px solid #337f8c !important; background: #1e4b53;}
#stats .stats .gOn:hover {border: 7px solid #777 !important; cursor: help; background: #444;}
#stats .stats .tOn b, #stats .stats .gOn b, #stats .stats a.uOn b {display: inline-block; transform: rotate(-44deg); font-size: 15px ; color: #fff; margin: 15px 0 0 0;}
.onstats {display: none; width: 270px; height: 270px; padding: 15px; font-size: 0px; overflow: auto;}
.onstats a {float: left; font-size: 14px; font-weight: bold; width: 270px; margin-bottom: 5px;}
.onstats a:hover {color: #fff;}
.onstats a::before {content: ""; display: inline-block; width: 16px; height: 16px; background: url('/images/icons16.png') no-repeat; position: relative; top: 3px; margin-right: 6px;}

</style>


код блока
Код


<div class="stats">
<div class="tOn" title="Сейчас на сайте"><b></b></div>
<a class="uOn ulightbox" href="#onstats" title="Пользователей онлайн"><b></b></a>
<div class="gOn" title="Гостей онлайн"><b></b></div>
<script>
$(function() {
$('.tOn b').text( $('.stats .tOnline b').text() );
$('a.uOn b').text( $('.stats .uOnline b').text() );
$('.gOn b').text( $('.stats .gOnline b').text() );
});
</script>
    <div style="display:none;">$ONLINE_COUNTER$</div>  

</div>

Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372 Вебмани R234675901433 Киви 79094024545

Создание сайтов в системе uCoz. Изменение и доработка уже готовых сайтов. Установка шаблонов. Настройка сайтов.
milan_shubin 12-03-2018 в 19:55 5
waak, Спасибо большое)))
Milan_Shubin
  • Страница 1 из 1
  • 1
Поиск:
форма для входа