Aller au contenu
Modifié par Julien EYMERY le 2015/08/05 09:30
Afficher les derniers auteurs
1 Lorsqu'on a plusieurs menus (dans une même page ou dans plusieurs parties d'un même canevas), il est possible de surcharger les classes générales en leur affectant des valeurs d'attributs différentes pour chaque menu.
2
3 Suivant la balise à laquelle la classe est affectée, il faut procéder comme suit :
4
5 Pour chaque classe dont on connaît la valeur de l'attribut ID de la balise, il faut utiliser la classe nommée correspondante à la valeur de l'ID.
6 |=(((
7 Classe )))|=(((
8 ID de la balise)))|=(((
9 Classe nommée)))
10 |(((
11 AWSMenuDiv )))|(((
12 divMnu<NOM_OBJET_MENU> )))|(((
13 #divMnu<NOM_OBJET_MENU>)))
14 |(((
15 AWSMenuTbl )))|(((
16 tblMnu<NOM_OBJET_MENU>)))|(((
17 #tblMnu<NOM_OBJET_MENU>)))
18 |(((
19 AWSMenuTblSm )))|(((
20 tblSmMnu<NOM_OBJET_MENU><NOM_OBJET_ITEM>)))|(((
21 #tblSmMnu<NOM_OBJET_MENU><NOM_OBJET_ITEM>)))
22 |(((
23 AWSMenuTblI )))|(((
24 tblIMnu<NOM_OBJET_MENU><NOM_OBJET_ITEM>)))|(((
25 #tblIMnu<NOM_OBJET_MENU><NOM_OBJET_ITEM>)))
26
27
28 Si la classe nommée surcharge un attribut déjà défini dans la classe générale, il faut caractériser cet attribut avec !important.
29
30 Exemple :
31
32
33 {{code language="css" language="css"}}
34 .AWSMenuDiv { /* classe utilisée par tous les menus de la page */
35 width:300px;
36 }
37 #divMnuMNU_2 { /* classe utilisée seulement par le menu MNU_2 */
38 position:absolute;
39 left:10px;
40 right:10px;
41 width: 500px !important;
42 }
43 {{/code}}
44
45
46 Pour une classe dont on ne connaît pas la valeur de l'attribut ID de la balise, ou si le nombre de classes nommées à créer est trop important (cas de la classe AWSMenuTblI affectée à chaque item de menu, par exemple), il faut définir une classe en utilisant la règle CSS ancêtre descendant.
47
48 Si la balise fait partie de la barre de menu ou d'un menu contextuel, il faut utiliser comme ancêtre le DIV du menu général.
49
50 Exemples :
51
52
53 {{code language="css" language="css"}}
54 #divMnuMNU_2 .AWSMenuTbl {
55 }
56 #divMnuMNU_2 .AWSMenuTblI {
57 }
58 {{/code}}
59
60
61 Si la balise fait partie d'un sous-menu, il faut utiliser comme ancêtre le DIV du sous-menu.
62
63 Exemples :
64
65
66 {{code language="css" language="css"}}
67 #divSmMnuMNU_2ITE1 .AWSMenuTblSm {
68 }
69 #divSmMnuMNU_2ITE1 .AWSMenuTblI {
70 }
71 {{/code}}
72
73
74 (((
75 == (% style="line-height: 1.5;" %)Articles connexes(%%) ==
76 )))
77
78 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.
79
80 {{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}}
81