CMS Automne
http://www.automne-cms.org/forum/

Appliquer des styles à la page en cours dans le menu
http://www.automne-cms.org/forum/viewtopic.php?f=2&t=2630
Page 2 sur 2

Auteur:  elmyn [ Lun Nov 05, 2012 3:10 pm ]
Sujet du message:  Re: Appliquer des styles à la page en cours dans le menu

atm4u a écrit:
J'essaie de comprendre :?
C'est ca ? car je comprend pas la différence entre Home et back to...


Back to ... renvoie à la page 4 et Home c'est la page 24. Pour le reste, je pense que tu as compris (enfin je crois parce que je ne comprends pas bien l'architecture schématique que tu utilises).

Je vais regader le lien de plus pret, je n'avais pas vu ce tuto avant.
Merci

Auteur:  elmyn [ Lun Nov 05, 2012 5:17 pm ]
Sujet du message:  Re: Appliquer des styles à la page en cours dans le menu

Pour l'exemple donné, ça ne convient pas vraiment à ce que je veux obtenir et je ne vois pas trop quelles modifs apporter : ce type de menu affiche systèmatiquement toutes les sous-pages alors que je souhaite ne pas en afficher certaines. A l'inverse, il y a des liens que je veux voir apparaitre dans le menu mais qui ne sont pas des pages/sous-pages et qui, pour le coup, n'apparaissent pas.

Je suis un peu larguée sur la forme à donner au menu. Je dois visiblement mélanger des liens de type récursifs et d'autres types de liens, et je ne trouve pas comment organiser le tout.
En plus, ça remet en cause la hiérarchisation de mes pages, et ça me paume d'avantage...

Par exemple, je souhaite que la page d'accueil soit présente dans le menu, hors elle est une page mère, elle ne s'affiche donc pas. Je souhaite aussi que figure un lien pour se logger dans l'intranet, mais ça n'est pas une page.

Bref, mon neurone fait des noeuds à ce stade.

Auteur:  elmyn [ Mar Nov 06, 2012 4:29 pm ]
Sujet du message:  Re: Appliquer des styles à la page en cours dans le menu

Salut à tous,

Je viens de passer deux jours à manipuler le code trouvé dans le lien pour essayer de mieux l'appréhender.
Je me bats maintenant avec l'affichage du lien vers la racine.
J'ai donc ceci :
Code :
<atm-linx type="recursivelinks">
                     <selection>
                        <start><nodespec type="relative" value="root" /></start>
                        <condition property="lvl" operator="&lt;=">
                           <value type="data">2</value>
                        </condition>
                     </selection>
                     <display mode="open" root="true">
                        <htmltemplate>
                           <li class="{{lvlClass}} {{typeClass}}"><a href="{{href}}" class="{{currentClass}} {{isParent}}">{{title}}</a>{{sublevel}}</li>
                        </htmltemplate>
                        <subleveltemplate>
                           <ul class="{{lvlClass}}">{{sublevel}}</ul>
                        </subleveltemplate>
                     </display>
                  </atm-linx>

et j'obtiens celà :
Pièce jointe:
ex_menu_recursif01.jpg
ex_menu_recursif01.jpg [ 18.95 Kio | Consulté 52565 fois ]

Je pige pas pourquoi mon Home se balade tout seul dans son coin, du mauvais coté, comme un imbécile.

Du point de vue CSS j'ai ceci :
Code :
#menud {
   width: 900px;
   height: 50px;
   /*margin: 20px 0px 0px 40px;*/
   margin: 0 auto;
   padding: 0px 0px;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

#menud a {
   color: #3B2F25;
   /*background: url(/img/img05v2.jpg) no-repeat right top;*/
}

#menud ul {
   /*clear:both;*/
   display: inline;
   position: relative;
   float: left;
   margin: 0px 0 0 5px;
   padding: 0px 0px 0px 0px;
}

#menud ul li {
   list-style: none outside none;
   
}

#menud a.CMS_current {
   text-decoration: underline;
}

#menud ul.CMS_lvl2>li {
   background: url(/img/img05v2.jpg) no-repeat right top;
   /*border-left:1px solid #666;*/
   float: left;
   position: relative;
}

#menud ul.CMS_lvl2>li:first-child {
   border-left:none;
}

#menud ul.CMS_lvl2 li a {
   display:block;
   background-color: #FFF;
   padding:1em;
}

#menud ul.CMS_lvl2 li a:hover {
   background-color: none;
}

#menud li.CMS_lvl2.CMS_sub>a {
   /*background-image:url(/img/img05v2.jpg) no-repeat right top;
   background-repeat:no-repeat;
   background-position:left center;
   padding-left:3em;*/
}

#menud ul.CMS_lvl2 li a.CMS_parent {
   background-color: none;
}

#menud ul.CMS_lvl2 li a.CMS_current {
   background-color: none;
   text-decoration: underline;
}

#menud ul.CMS_lvl3 {
   display: none;
   position: relative;
}

#menud ul.CMS_lvl3 li a {
   display: block;
   background-color: none;
}

#menud ul.CMS_lvl3 li a:hover {
   background-color: none;
}

#menud li.CMS_lvl2:hover ul.CMS_lvl3 {
   display:block;
}


Et pour l'arborescence c'est toujours la meme :
Pièce jointe:
ex.arbo02.jpg
ex.arbo02.jpg [ 62.11 Kio | Consulté 52565 fois ]

Auteur:  elmyn [ Mar Nov 06, 2012 4:50 pm ]
Sujet du message:  Re: Appliquer des styles à la page en cours dans le menu

Je viens de comprendre que le Home est AUTOUR des autres ...
Pièce jointe:
ex_menu_recursif02.jpg
ex_menu_recursif02.jpg [ 29.66 Kio | Consulté 52565 fois ]


Comment je fais pour qu'ils soient tous en ligne, gentimment ?

Auteur:  elmyn [ Mar Nov 06, 2012 5:16 pm ]
Sujet du message:  Re: Appliquer des styles à la page en cours dans le menu

J'ai créé ceci :
Code :
#menud ul.CMS_lvl1 li a {
   background: #4178FA;
   float: left;
   position: relative;
   padding: 12px 0 0 10px;
}


Et j'obtiens ce que je souhaite (en supposant qu'on enlève ce bleu atroce bien sur).
Est-ce que c'est stable ?
Parce qu'il semble que l'attribut float modifie l'affichage des onglets déroulants... Ils s'affichent à coté et non dessous.

Page 2 sur 2 Le fuseau horaire est UTC [Heure d’été]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/