Comment modifier la couleur des onglets du tableau à onglets ?

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Comment modifier la couleur des onglets du tableau à onglets ?

Message par Nico17 Mer 9 Jan 2013 - 21:44

Bonjour,

Je cherche à savoir comment modifier la couleur des onglets comme indiqué sur l'image (voir encadré en rouge) :
http://www.hostingpics.net/viewer.php?id=646744cadre.png

Merci d'avance de votre aide Smile


Dernière édition par Nico17 le Ven 11 Jan 2013 - 17:58, édité 1 fois
avatar

Nico17
***

Masculin
Messages : 161
Inscrit(e) le : 10/11/2012

http://pokemon-element.forumactif.org/
Nico17 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier la couleur des onglets du tableau à onglets ?

Message par Matriochka Jeu 10 Jan 2013 - 13:24

Bonjour,

Même chose que pour l’autre topic que tu as créé (tu aurais d’ailleurs pu regrouper les deux, puisqu’ils parlent de la même chose +/-), il faudrait l’URL du forum avec le tableau visible.
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier la couleur des onglets du tableau à onglets ?

Message par Nico17 Jeu 10 Jan 2013 - 17:30

Idem que pour l'autre topic également, il a déjà un tableau à onglets, et avant de poser le nouveau, je voudrais qu'il soit comme il faut.

(tu aurais d’ailleurs pu regrouper les deux, puisqu’ils parlent de la même chose +/-),

Les aidactives m'ont dit de faire un topic pour une seule chose, même si elles se ressemblent Wink
avatar

Nico17
***

Masculin
Messages : 161
Inscrit(e) le : 10/11/2012

http://pokemon-element.forumactif.org/
Nico17 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier la couleur des onglets du tableau à onglets ?

Message par Nico17 Jeu 10 Jan 2013 - 17:50

/* .systab .tab => les onglet */
.systab .tab {
padding: 2px 10px;
margin-right: 5px;
color: #000;
background: #fff;
border: 1px solid #000;
cursor: pointer;
}
/* .systab .tab:hover => les onglets survolés */
.systab .tab:hover {
background: #b8efa1;
color: #487f31;
border-color: #487f31;
}
/* .systab .tab.selected => les onglets sélectionnés */
.systab .tab.selected{
color: #ccc;
background: #333;
}
/* .systab .contents => les conteneurs des contenus associés aux onglets */
.systab .contents {
margin-top: 1px;
margin-bottom: 1px;
color: #000;
background: #fff;
border: 1px solid #000;
padding: 10px;
}
/* style des onglets si ils sont à gauche ou à droite */
.systab.s_float .tab,.systab.s_float .tab {
display: block;
margin: 5px;
}
/* flottement des conteneurs si les onglets sont à gauche où à droite */
.systab.s_float .tabs,.systab.s_float .contents {
float: left;
}
avatar

Nico17
***

Masculin
Messages : 161
Inscrit(e) le : 10/11/2012

http://pokemon-element.forumactif.org/
Nico17 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier la couleur des onglets du tableau à onglets ?

Message par Matriochka Jeu 10 Jan 2013 - 18:04

Merci bien.

Donc, dans on CSS, tu peux modifier ça ici :
/* .systab .tab.selected => les onglets sélectionnés */
.systab .tab.selected{
color: #ccc;
background: #333;

}
(pour l’onglet sélectionné)

/* .systab .tab:hover => les onglets survolés */
.systab .tab:hover {
background: #b8efa1;
color: #487f31;
border-color: #487f31;

}
(pour les onglets au survol)

/* .systab .tab => les onglet */
.systab .tab {
padding: 2px 10px;
margin-right: 5px;
color: #000;
background: #fff;
border: 1px solid #000;

cursor: pointer;
}
(pour les onglets non sélectionnés, non survolés)
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier la couleur des onglets du tableau à onglets ?

Message par Nico17 Ven 11 Jan 2013 - 17:58

merci Smile
Résolu.
avatar

Nico17
***

Masculin
Messages : 161
Inscrit(e) le : 10/11/2012

http://pokemon-element.forumactif.org/
Nico17 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum