Couleur sur Tabber V2.1.0

[Tito14000]

Bonjour,

J'utilise actuellement tabber pour réaliser des onglets et j'ai voulu modifier son apparence. Le soucis c'est que les couleurs apparaissent en pastel, j'ai par exemple mis "#000000" et je me retrouve avec un gris, de même qu'en mettant "black" ou "red" ou tout autres couleur la teinte est pastel. (Et ce uniquement sur les onglets, le contenu, les bordure ou écriture prennent bien la couleur choisie)


Avez-vous une solution ??

[PATSXM971]

Re : Couleur sur Tabber V2.1.0

Bonjour,

avez-vous un lien à fournir ? difficile de vous aider sans le lien

[Tito14000]

Re : Couleur sur Tabber V2.1.0

Bonjour,

Merci d'avoir répondu. Malheuresement je travail en local pour le moment donc non mais j'ai une capture d'écran:


Comme vous pouvez le voir les couleurs sur mon menu et sur mes onglets sont pourtant issu du même code "#FF0000" pour le premier et "#000000" sur l’autre et on se retrouve avec deux teinte différentes. Voici le codage css:

/* Style: myonwnstyle */
/* Tabs: Normal state */
div.tabber_nav li.tabber_tab.myownstyle a {
background-color: #000000;
color: #ffffff;
border-left: 3px solid red;
border-right: 3px solid red;
border-top: 3px solid red;

}

/* Tabs: Hover state */
div.tabber_nav li.tabber_tab.myownstyle a:hover {
text-decoration: underline;
background-color: #FF0000;
color: #ffffff;
border-left: 3px solid red;
border-right: 3px solid red;
border-top: 3px solid red;
}

/* Tabs: Active state */
div.tabber_nav li.tabber_tab.active.myownstyle a,
div.tabber_nav li.tabber_tab.active.myownstyle a:hover {
background-color: #FF0000;
color: #ffffff;
border-left: 3px solid red;
border-right: 3px solid red;
border-top: 3px solid red;
}

/* Content area */
div.tabber_content.myownstyle {
color: white;
background-color: #374143;
border-radius: 10px;
border: 3px solid red;
}

/* Rounded corners */
div.tabber_container.rounded div.tabber_nav li.tabber_tab.myownstyle a,
div.tabber_container.rounded div.tabber_nav li.tabber_tab.myownstyle a:hover{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px 10px 0px 0px;
}
div.tabber_container.rounded div.tabber_content.myownstyle {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px 10px 10px 10px;

[jisse03]

Re : Couleur sur Tabber V2.1.0

Bonjour,

La colorisation "pastel" est due au gradient appliqué sur

div.tabber_nav li.tabber_tab a,
div.tabber_nav li.tabber_tab a:hover

Voir la déclaration background.

[PATSXM971]

Re : Couleur sur Tabber V2.1.0

effectivement, jisse a raison.

globalement, intervenez sur la ligne background-color, avec votre couleur en hexadécimale.

pour la couleur des bordures, voyez les lignes
border:

la dernière mention est la couleur.

Si vous ne voyez pas de changement après modification, videz le cache de votre navigateur et/ou cache joomla