- Discussions
- 4 847
- Messages
- 12 585
- Solutions
- 85
- J'aime
- 7 885
- Points
- 198
Vous devez d'abord configurer les widgets souhaités dans les onglets sans position (Notez les clés des widgets)
Maintenant, créez un widget html et dans le template mettez quelque chose comme ça
[HIDETHANKS]
[/HIDETHANKS]
Dans l'exemple, l'auteur affiche "Sujets récents", "Messages récents" et "Messages de profil récents". Il remplace donc les valeurs par quelque chose comme ceci:
Il suffit maintenant de configurer la clé, le nom, la position du widget, de vérifier l'option du mode avancé et de sauvegarder.
Le résultat devrait être quelque chose comme ceci:
17/50/32xo.gif - Visionneuse Zupimages
Maintenant, créez un widget html et dans le template mettez quelque chose comme ça
[HIDETHANKS]
Code:
<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="url to the content"
class="tabs-tab is-active"
role="tab"
aria-controls="widget key 1">Tab title 1</a>
<a href="url to the content"
class="tabs-tab"
id="widget key 2"
role="tab">Tab title 2</a>
<a href="url to the content"
class="tabs-tab"
id="widget key 3"
role="tab">Tab title 3</a>
</span>
</h2>
<ul class="tabPanes widget--tab">
<li class="is-active" role="tabpanel" id="widget key 1">
<xf:widget key="widget key 1" />
</li>
<li role="tabpanel" aria-labelledby="widget key 2">
<xf:widget key="widget key 2" />
</li>
<li role="tabpanel" aria-labelledby="widget key 3">
<xf:widget key="widget key 3" />
</li>
</ul>
</div>
</div>
<xf:css>
.widget-tabs {
overflow: hidden;
.tabs-tab {font-size: 13px;}
}
.widget--tab .block-minorHeader {display:none;}
</xf:css>Dans l'exemple, l'auteur affiche "Sujets récents", "Messages récents" et "Messages de profil récents". Il remplace donc les valeurs par quelque chose comme ceci:
Pour consulter le contenu, vous devez : Se connecter ou S'inscrire.
Il suffit maintenant de configurer la clé, le nom, la position du widget, de vérifier l'option du mode avancé et de sauvegarder.
Le résultat devrait être quelque chose comme ceci:
17/50/32xo.gif - Visionneuse Zupimages
