Vvvjonhsonm
Умник
Нашёл довольно интересное решение с блоками команда форума и пользователи онлайн. Решил сделать себе. Что-то не получается транслировать онлайн и перелистывать юзеров.
Так получилось у меня:
Так я хочу реализовать:
Так получилось у меня:
Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!
Так я хочу реализовать:
Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!
Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!
HTML:
<div class="block aos-init aos-animate" data-aos="fade-left">
<div class="block-container">
<h3 class="block-minorHeader">Сейчас онлайн</h3>
<h2 class="widget-tabs block-tabHeader tabs hScroller" data-xf-init="tabs h-scroller" data-state="replace" role="tablist">
<span class="hScroller-scroll is-calculated" style="margin-bottom: -53px;">
<a href="/online/" class="tabs-tab is-active" role="tab" aria-controls="usertab" aria-selected="true">Пользователи</a>
<a href="/members/?key=staff_members" class="tabs-tab" id="stafftab" role="tab" aria-selected="false">Команда форума</a>
</span><i class="hScroller-action hScroller-action--end" aria-hidden="true"></i><i class="hScroller-action hScroller-action--start" aria-hidden="true"></i>
</h2>
<ul class="tabPanes widget--tab">
<li class="is-active" role="tabpanel" id="usertab" aria-expanded="true">
<div class="block aos-init aos-animate" data-aos="fade-left" data-widget-section="onlineNow" data-widget-id="6" data-widget-key="forum_overview_members_online" data-widget-definition="members_online">
<div class="block-container">
<div class="block-body">
<div class="block-row block-row--minor">
<ul class="listInline listInline--comma">
<li><a href="/members/8718/" class="username " dir="auto" itemprop="name" data-user-id="8718" data-xf-init="member-tooltip" id="js-XFUniqueId16"><span class="username--style2">Pablo_Wazovski</span></a></li><li><a href="/members/8634/" class="username " dir="auto" itemprop="name" data-user-id="8634" data-xf-init="member-tooltip" id="js-XFUniqueId17"><span class="username--style2">Mark_Pinks:)</span></a></li><li><a href="/members/8791/" class="username " dir="auto" itemprop="name" data-user-id="8791" data-xf-init="member-tooltip" id="js-XFUniqueId18"><span class="username--style2">Ruslan_Klochcov</span></a></li><li><a href="/members/8642/" class="username " dir="auto" itemprop="name" data-user-id="8642" data-xf-init="member-tooltip" id="js-XFUniqueId19"><span class="username--style2">Timur_Honov</span></a></li><li><a href="/members/8504/" class="username " dir="auto" itemprop="name" data-user-id="8504" data-xf-init="member-tooltip" id="js-XFUniqueId20"><span class="username--style14">Thomas Montero</span></a></li><li><a href="/members/8517/" class="username " dir="auto" itemprop="name" data-user-id="8517" data-xf-init="member-tooltip" id="js-XFUniqueId21"><span class="username--style2">Anna_Roll</span></a></li><li><a href="/members/7577/" class="username " dir="auto" itemprop="name" data-user-id="7577" data-xf-init="member-tooltip" id="js-XFUniqueId22"><span class="username--style23">Nazar_Phelps</span></a></li><li><a href="/members/8201/" class="username " dir="auto" itemprop="name" data-user-id="8201" data-xf-init="member-tooltip" id="js-XFUniqueId23"><span class="username--style2">Anton_Kystov</span></a></li><li><a href="/members/7817/" class="username " dir="auto" itemprop="name" data-user-id="7817" data-xf-init="member-tooltip" id="js-XFUniqueId24"><span class="username--style11 username--staff">Sergey_Shetsov<i class="fas fa-fw fa-check-circle" data-offsetx="-8" data-xf-init="tooltip" data-original-title="Sergey_Shetsov Официальный аккаунт" id="js-XFUniqueId25"></i></span></a></li><li><a href="/members/8055/" class="username " dir="auto" itemprop="name" data-user-id="8055" data-xf-init="member-tooltip" id="js-XFUniqueId26"><span class="username--style39 username--staff username--admin">mincler<i class="fas fa-fw fa-check-circle" data-offsetx="-8" data-xf-init="tooltip" data-original-title="mincler Официальный аккаунт" id="js-XFUniqueId27"></i></span></a></li><li><a href="/members/8786/" class="username " dir="auto" itemprop="name" data-user-id="8786" data-xf-init="member-tooltip" id="js-XFUniqueId28"><span class="username--style2">Kirik_Tarasov</span></a></li><li><a href="/members/8783/" class="username " dir="auto" itemprop="name" data-user-id="8783" data-xf-init="member-tooltip" id="js-XFUniqueId29"><span class="username--style2">Tema_Monaco</span></a></li><li><a href="/members/7699/" class="username " dir="auto" itemprop="name" data-user-id="7699" data-xf-init="member-tooltip" id="js-XFUniqueId30"><span class="username--style2">Maga_Monolit</span></a></li>
</ul>
</div>
</div>
<div class="block-footer">
<span class="block-footer-counter">Всего: 57 (пользователей: 13, гостей: 44)</span>
</div>
</div>
</div>
</li>
<li role="tabpanel" aria-labelledby="stafftab" class="" aria-expanded="false">
<div class="block aos-init aos-animate" data-aos="fade-left" data-widget-section="staffMembers" data-widget-id="6" data-widget-key="forum_overview_members_online" data-widget-definition="members_online">
<div class="block-container">
<ul class="block-body">
<li class="block-row">
<div class="contentRow">
<div class="contentRow-figure">
<a href="/members/7817/" class="avatar avatar--xs" data-user-id="7817" data-xf-init="member-tooltip" id="js-XFUniqueId31">
<img src="/data/avatars/s/7/7817.jpg?1669809374" srcset="/data/avatars/m/7/7817.jpg?1669809374 2x" alt="Sergey_Shetsov" class="avatar-u7817-s" width="48" height="48" loading="lazy">
</a>
</div>
<div class="contentRow-main contentRow-main--close">
<a href="/members/7817/" class="username " dir="auto" itemprop="name" data-user-id="7817" data-xf-init="member-tooltip" id="js-XFUniqueId32"><span class="username--style11 username--staff">Sergey_Shetsov<i class="fas fa-fw fa-check-circle" data-offsetx="-8" data-xf-init="tooltip" data-original-title="Sergey_Shetsov Официальный аккаунт" id="js-XFUniqueId33"></i></span></a>
<div class="contentRow-minor">
</div>
</div>
</div>
</li>
<li class="block-row">
<div class="contentRow">
<div class="contentRow-figure">
<a href="/members/8055/" class="avatar avatar--xs" data-user-id="8055" data-xf-init="member-tooltip" id="js-XFUniqueId34">
<img src="/data/avatars/s/8/8055.jpg?1666023716" srcset="/data/avatars/m/8/8055.jpg?1666023716 2x" alt="mincler" class="avatar-u8055-s" width="48" height="48" loading="lazy">
</a>
</div>
<div class="contentRow-main contentRow-main--close">
<a href="/members/8055/" class="username " dir="auto" itemprop="name" data-user-id="8055" data-xf-init="member-tooltip" id="js-XFUniqueId35"><span class="username--style39 username--staff username--admin">mincler<i class="fas fa-fw fa-check-circle" data-offsetx="-8" data-xf-init="tooltip" data-original-title="mincler Официальный аккаунт" id="js-XFUniqueId36"></i></span></a>
<div class="contentRow-minor">
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
Последнее редактирование модератором: