<span class="tabs-tab" id="widget key 3" role="tab"><i class="fa fa-camera-retro fa-2x" aria-hidden="true"></i></span>
You'll want to use something like thisIs there a way to get a tooltip so when hovering over each icon it shows Latest Posts or whatever the tab is called?
<span class="tabs-tab" id="widget key 3" role="tab" data-xf-init="tooltip" title="Latest Posts"><i class="fa fa-camera-retro fa-2x" aria-hidden="true"></i></span>
You'll want to use something like this
Code:<span class="tabs-tab" id="widget key 3" role="tab" data-xf-init="tooltip" title="Latest Posts"><i class="fa fa-camera-retro fa-2x" aria-hidden="true"></i></span>
View attachment 184884
You'll want to use something like this
Code:<span class="tabs-tab" id="widget key 3" role="tab" data-xf-init="tooltip" title="Latest Posts"><i class="fa fa-camera-retro fa-2x" aria-hidden="true"></i></span>
View attachment 184884
Only thing that is different from the example in the overview is that instead of using (or new posts, profile posts etc)Please can you share full code for this?
<a href="{{ link('whats-new/posts/') }}?skip=1"
class="tabs-tab is-active"
role="tab"
aria-controls="tab_lastest_threads">Latest threads</a>
<a title="Latest Threads" href="{{ link('whats-new/posts/') }}?skip=1"
class="tabs-tab is-active"
role="tab"
data-xf-init="tooltip"
aria-controls="tab_lastest_threads"><i class="fas fa-comment-alt"></i></a>
Yes, I have the same errors on my profile page in Xenforo, the code is based on that template.Test your site/page with this code here: https://validator.w3.org/
I got this errors:
Error: Bad value tablist for attribute role on element h2
Error: Bad value tabpanel for attribute role on element li
<div class="block">
<div class="block-container">
<h2 class="widget-tabs block-tabHeader tabs hScroller" data-xf-init="tabs h-scroller" data-state="replace" role="tablist">
<span class="hScroller-scroll">
<span class="tabs-tab is-active"
role="tab"
aria-controls="tab_survival">Survival</span>
<span
class="tabs-tab"
id="tab_skyblock"
role="tab">Sky Block</span>
<span class="tabs-tab"
id="tab_sbquests"
role="tab">Sky Block Questers</span>
<span class="tabs-tab"
id="tab_pvp"
role="tab">Kit PvP</span>
<span class="tabs-tab"
id="tab_pvpranked"
role="tab">Kit PvP Ranked</span>
<span class="tabs-tab"
id="tab_pvpduels"
role="tab">Kit PvP Duels</span>
<span class="tabs-tab"
id="tab_scb"
role="tab">Super Craft Bros</span>
<span class="tabs-tab"
id="tab_skywars"
role="tab">Sky Wars</span>
<span class="tabs-tab"
id="tab_sg"
role="tab">Survival Games</span>
<span class="tabs-tab"
id="tab_solosg"
role="tab">Solo SG</span>
<span class="tabs-tab"
id="tab_hitman"
role="tab">Hitman</span>
<span class="tabs-tab"
id="tab_drawit"
role="tab">Draw It</span>
</span>
</h2>
<ul class="tabPanes widget--tab">
<li class="is-active" role="tabpanel" id="tab_survival">
<p><iframe style="width: 100%; height: 2670px;" src="https://www.happy-hg.com/top100survival/"></iframe></p>
</li>
<li role="tabpanel" aria-labelledby="tab_skyblock">
<p><iframe style="width: 100%; height: 2670px;" src="https://www.happy-hg.com/top100sb/"></iframe></p>
</li>
<li role="tabpanel" aria-labelledby="tab_sbquests">
<p><iframe style="width: 100%; height: 2670px;" src="https://www.happy-hg.com/top100sbquests/"></iframe></p>
</li>
<li role="tabpanel" aria-labelledby="tab_pvp">
<p><iframe style="width: 100%; height: 2670px;" src="https://www.happy-hg.com/top100pvp/"></iframe></p>
</li>
<li role="tabpanel" aria-labelledby="tab_pvpranked">
<p><iframe style="width: 100%; height: 2670px;" src="https://www.happy-hg.com/top100elopvp/"></iframe></p>
</li>
<li role="tabpanel" aria-labelledby="tab_pvpduels">
<p><iframe style="width: 100%; height: 2670px;" src="https://www.happy-hg.com/top100duelpvp/"></iframe></p>
</li>
<li role="tabpanel" aria-labelledby="tab_scb">
<p><iframe style="width: 100%; height: 2670px;" src="https://www.happy-hg.com/top100scb/"></iframe></p>
</li>
<li role="tabpanel" aria-labelledby="tab_skywars">
<p><iframe style="width: 100%; height: 2670px;" src="https://www.happy-hg.com/top100sw/"></iframe></p>
</li>
<li role="tabpanel" aria-labelledby="tab_sg">
<p><iframe style="width: 100%; height: 2670px;" src="https://www.happy-hg.com/top100sg/"></iframe></p>
</li>
<li role="tabpanel" aria-labelledby="tab_solosg">
<p><iframe style="width: 100%; height: 2670px;" src="https://www.happy-hg.com/top100sgsolo/"></iframe></p>
</li>
<li role="tabpanel" aria-labelledby="tab_hitman">
<p><iframe style="width: 100%; height: 2670px;" src="https://www.happy-hg.com/top100hitman/"></iframe></p>
</li>
<li role="tabpanel" aria-labelledby="tab_drawit">
<p><iframe style="width: 100%; height: 2670px;" src="https://www.happy-hg.com/top100drawit/"></iframe></p>
</li>
</ul>
</div>
</div>
<xf:css>
.widget-tabs {
overflow: hidden;
.tabs-tab {font-size: 13px;}
}
.widget--tab .block-minorHeader {display:none;}
</xf:css>
We use essential cookies to make this site work, and optional cookies to enhance your experience.