Aller au contenu
Modifié par Julien EYMERY le 2015/07/27 10:33
Afficher les derniers auteurs
1 Dans une barre d'onglets, il est possible d'avoir des onglets de taille différente avec des images de fond différentes.
2 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é.
3
4 Pour réaliser cela :
5
6 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é.
7
8 2) Pour chaque item de taille différente au plus grand nombre, rajouter dans la feuille de styles :
9
10
11 {{code language="css" language="css"}}
12 #tblIMnuMNU_XITE_Y.backShortImgNormal {
13 background-image:url(../../images/mnuex9/bg_05.gif) !important;
14 }
15 {{/code}}
16
17
18
19 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
20
21
22
23 {{code language="css" language="css"}}
24 #tblIMnuMNU_XITE_Y.backShortImgSurvol {
25 background-image:url(../../images/mnuex9/bg_06.gif) !important;
26 }
27 {{/code}}
28
29
30
31 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é
32 (((
33 == Articles connexes ==
34 )))
35
36 Les articles connexes apparaissent ici en fonction des étiquettes que vous avez sélectionnées. Cliquez pour modifier la macro et ajouter ou modifier des étiquettes.
37
38 {{liveData sort="doc.date:desc" source="liveTable" properties="doc.title,doc.date,doc.author" description="Recently updated" limit="5" filters="tag=web menu" sourceParameters="translationPrefix=platform.index."}}{{/liveData}}
39