Forum test phpBB2
Général > Forum > configuration > Popup de connexion
Forum test phpBB2

(forum > description du site)
 
PortailPortail  AccueilAccueil  CalendrierCalendrier  GalerieGalerie  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  Connexion  phpbb3phpbb3  invisioninvision  punbbpunbb  modernbbmodernbb  

Partagez | 
 

 test onglets css

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
MlleAlys
RANG
RANG
avatar

Nom du champ profil : valeur
Messages : 67
Date d'inscription : 30/01/2014

Feuille de personnage
nom du champ: valeur
texte/liste:

MessageSujet: test onglets css   Mar 5 Mai - 21:52



CONTENU ONGLET 1CONTENU ONGLET 2

Code:
<div class="tableonglets">
<label for="o1" class="onglet">TITRE ONGLET 1</label><label for="o2" class="onglet">TITRE ONGLET 2</label>
<input id="o1" type="radio" name="onglets" checked><span class="ongletcont">CONTENU ONGLET 1</span><input id="o2" type="radio" name="onglets"><span class="ongletcont">CONTENU ONGLET 2</span>
</div>

Code:
.tableonglets span.ongletcont {
  display: none;
}
.tableonglets input {
  display: none;
}
.tableonglets input:checked + span.ongletcont {
  display: block;
}
.tableonglets span.ongletcont {
  width: 200px;
  height: 150px;
  padding: 5px;
  overflow: auto;
  background: white;
}
.tableonglets label.onglet {
  display: inline-block;
  width: 100px;
  margin: 0 2px;
  text-align: center;
  background: rgb(153,186,202);
  cursor: pointer;
}

_________________
signature
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mllealys2.forumactif.org
 
test onglets css
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum test phpBB2 :: Catégorie 1 :: Forum 1.2-
Sauter vers: