Dans une barre d'onglets, il est possible d'avoir des onglets de taille différente avec des images de fond différentes.
Lorsque l'on veut fixer un style à l'item sélectionné, celui-ci s'applique à TOUS les items de menu. Cependant, il est tout à fait possible de particulariser l'état sélectionné pour un item donné en rajoutant des classes CSS dans votre fichier CSS associé.
Pour réaliser cela :
1) Dans les styles de l'item sélectionné, saisir une classe dans "Classe CSS des items (Normal) et (Survol)" qui conviendra au plus grand nombre d'items ayant la même taille. Par exemple, on saisi les classes backShortImgNormal et backShortImgSurvol qui définissent les images de fond du plus grand nombre d'items à l'état normal et survolé.
2) Pour chaque item de taille différente au plus grand nombre, rajouter dans la feuille de styles :
#tblIMnuMNU_XITE_Y.backShortImgNormal {
background-image:url(../../images/mnuex9/bg_05.gif) !important;
}
Cette règle permet de redéfinir l'image de fond de l'item ITE_Y lorsque celui est dans l'état sélectionné normal
#tblIMnuMNU_XITE_Y.backShortImgSurvol {
background-image:url(../../images/mnuex9/bg_06.gif) !important;
}
Cette règle permet de redéfinir l'image de fond de l'item ITE_Y lorsque celui est dans l'état sélectionné survolé
Articles connexes