XenForo Widget Yapımı

<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">

<a href="{{ link('whats-new/posts/') }}?skip=1"

class="tabs-tab is-active"

role="tab"

aria-controls="tab_lastest_threads">Latest threads</a>

<a href="{{ link('whats-new/posts/') }}?skip=1"

class="tabs-tab"

id="tab_lastest_post"

role="tab">New posts</a>

<a href="{{ link('whats-new/profile-posts/') }}?skip=1"

class="tabs-tab"

id="tab_lastest_profile_post"

role="tab">Latest profile posts</a>

</span>

</h2>

<ul class="tabPanes widget--tab">

<li class="is-active" role="tabpanel" id="tab_lastest_threads">

<xf:widget key="tab_lastest_threads" />

</li>

<li role="tabpanel" aria-labelledby="tab_lastest_post">

<xf:widget key="tab_lastest_post" />

</li>

<li role="tabpanel" aria-labelledby="tab_lastest_profile_post">

<xf:widget key="tab_lastest_profile_post" />

</li>

</ul>

</div>

</div>

<xf:css>

.widget-tabs {

overflow: hidden;

.tabs-tab {font-size: 13px;}

}

.widget--tab .block-minorHeader {display:none;}

</xf:css>