Vous êtes ici :   Accueil » Onglets
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...
rss Cet article est disponible en format standard RSS pour publication sur votre site web :
https://ghc.freeguppy.org/data/fr-articles.xml

Cliquez sur les onglets

  • Onglet 1
  • Onglet 2
  • Onglet 3
  • Mise en place

Contenu 1

Contenu 2

Contenu 3

Mise en place

On ne peut plus simple, il suffit d'examiner le code de cet article :

<div style="width:400px;text-align:center;margin:auto;">
<ul id="gytabs">
    <li class="gyactif" style="text-align:center;width: 64px;">Onglet 1</li>
    <li style="text-align:center;width: 64px;">Onglet 2</li>
    <li style="text-align:center;width: 64px;">Onglet 3</li>
    <li style="text-align:center;width: 120px;">Mise en place</li>
</ul>

<div id="gytabcontent">
<div class="gytabitem">
<h2>Contenu 1</h2>
</div>

<div class="gytabitem">
<h2>Contenu 2</h2>
</div>

<div class="gytabitem">
<h2>Contenu 3</h2>
</div>

<div class="gytabitem">
<h2>Mise en place</h2>

<div style="margin:20px 0;">On ne peut plus simple, il suffit d'examiner le code de cet article :</div>

<div style="margin:20px 0;"></div>
</div>
</div>
</div>


Date de création : 09/02/2014 @ 06:01
Catégorie : - Docs et Tutoriels
Page lue 8771 fois

Vous êtes ici :   Accueil » Onglets