Disney Wiki
Advertisement

Pour créer des onglets, deux choix s'offrent à vous. Je ne conseille aucune des deux, c'est à vous de voir ce avec quoi vous êtes le plus à l'aise.

Tabber[]

Voici le code simple:

<tabber>
Titre 1 =
Votre texte qui va dans l'onglet 1.
|-|
Titre 2 =
Votre texte pour l'onglet 2.
(etc.)
</tabber>

Ce qui fait :

Votre texte qui va dans l'onglet 1.

Votre texte pour l'onglet 2.

(etc.)


Pour centrer à droite, faites:

<div class="tabber_right" style="float: right">
<tabber>
Titre 1 =
Votre texte pour l'onglet 1.
|-|
Titre 2 =
Votre texte pour l'onglet 2.
(etc.)
</tabber>
</div>


Ce qui fait :

Votre texte pour l'onglet 1.

Votre texte pour l'onglet 2.

(etc.)

Pour centrer au milieu, remplacez les right par center.

div[]

Deuxième technique, elle permet d'être peut-être plus précis, mais est plus complexe au départ si on veut faire dans la précision parfaite ^^.

Code de base :

<div class="tabber">
<div class="tabbertab" title="Votre titre">
Votre texte dans l'onglet.
</div><div class="tabbertab" title="Votre titre 2">
Votre texte dans l'onglet 2.
</div></div>

Ce qui fait :

Votre texte dans l'onglet.

Votre texte dans l'onglet 2.

Pour centrer à droite:

<div class="tabber" style="float: right">
<div class="tabbertab" title="Votre titre">
Votre texte dans l'onglet.
</div><div class="tabbertab" title="Votre titre 2">
Votre texte dans l'onglet 2.
</div></div>

Ce qui fait :

Votre texte dans l'onglet.

Votre texte dans l'onglet 2.


Pour centrer au milieu, remplacez le right par center ;).

Par cette technique, vous pouvez également changer le background, la couleur d'écriture, etc. Pour cela, je vous renvoie à l' endroit approprié ^^.

Advertisement