menu horizontal et sous pages

laurent39 · 22/09/2009 15:40:09

Bonjour,

Je n'arrive pas à afficher les pages "filles" d'une page "mère" dans un menu horizontal : l'idée, c'est de cliquer sur une rubrique zli1 et que le nom des pages filles zli2 apparaissent en dessous (sur une autre ligne).

Si quelqu'un à réussi ou a quelque chose de ressemblant, ce serait super sympa de le faire partager.

Merci

Longue vie à Zite

davyk · 22/09/2009 19:16:42

salut,

est-ce que c"est ça que tu cherches?
http://www.zitecms.org/zite/forum/viewtopic.php?id=244

++ vYk

PS: merci de poster dans la bonne section du forum

Dernière modification par davyk (22/09/2009 19:17:20)

laurent39 · 22/09/2009 20:21:12

Davyk,

Merci mais non : là, les sous-pages apparaissent sur le coté du site et verticalement.

Mon souhait serait d'avoir les sous-pages en dessous du menu et horizontalement...

Laurent39

Stefpei · 23/09/2009 13:00:19

Est-ce que tu cherche : http://www.aurorehetier-peintre.fr/peintre-zite/

Ma Page-mère "English" possède 3 pages-filles qui apparaissent sur la ligne du dessous
(elles sont superposées mais facilement alignables horizontalement)...

davyk · 23/09/2009 13:46:44

Je crois que Stéphane vient de trouver..

laurent39 · 23/09/2009 15:30:04

Yes !! Merci Stef !! bon j'ai "bidouillé" pour les mettre inline...

Dans "template.php"
<div id="menu_horizontal"><?php echo $zite->content['menu'] ?></div>
<div id="sousmenu_horizontal"><?php echo $zite->content['menu'] ?></div>
(avant <div id=content>)

Dans le css : (remplacer tout depuis en dessous de #top h2 {....}
jusqu'à /* styles zite */ :

#menu_horizontal{
font-size: 8pt;
color: #9966FF;
background-color: #ccc;
height: 22px;
width:900px;
margin-top:1px;
}
#menu_horizontal li{
float: left;
}
#menu_horizontal li.zli2{
display:none;
}
#menu_horizontal a{
padding-left:6px;
padding-right:6px;
border-left:1px #FFF dotted;
font-size:8pt;
display:inline
}

#sousmenu_horizontal li{
float: left;
display:inline;
}
.zul{
display:inline;
}
#sousmenu_horizontal li.zli1{
display:none;
}
#menu_horizontal ul,#sousmenu_horizontal ul{
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
#sousmenu_horizontal a{
padding-left:6px;
padding-right:6px;
border-left:1px #555555 dotted;
font-size:8pt;
color: #666;
display:inline;
}
#sousmenu_horizontal a:hover{
padding-left:6px;
padding-right:6px;
border-left:1px #CCC dotted;
font-size:8pt;
color: #000;
display:inline;
}

bon c'est à adapter suivant votre projet mais c'est tout à fait ce que je voulais !!
Un menu horizontal avec les pages Mères et dessous encore un menu horizontal mais qu'avec les pages Filles...

Ah la la... comment ferait-on sans les posteurs du forum zitecms ??? ^_^

Longue vie à ZiteCMS

Laurent39 !!

davyk · 23/09/2009 16:20:53

merci d'avoir donné ce que tu as adapté de la css de Steph
d'autres sont déjà partis en disant qu'ils avaient trouvé mais sans donner la solution
donc, encore une fois de plus, merci pour ceux qui cherchent.

++ vYk

[RÉSOLU]

Dernière modification par davyk (23/09/2009 16:21:27)

laurent39 · 23/09/2009 17:01:28

Eh ! encore un petit truc pour que ce soit nickel :
mes menus horizontaux sont "collés" à gauche : c'est un peu dommage...
Je n'arrive pas à centrer les contenus de ces menus.

Une idée ??

Laurent39

Stefpei · 23/09/2009 18:19:45

on peux voir le résultat quelque part (pour donner une solution) ?

snypi · 24/09/2009 08:50:20

Salut
superbe boulot Stefpei joli et sobre !!
mais ton site est il en cours de production ou est il finalisé ?
car j'ai plusieurs souci lors de ma navigation sur ton site on s'y perd et on s'y retrouve pas dans la navigation ??

Stefpei · 24/09/2009 13:22:51

Le site est en attente des textes et photos, donc certains liens sont cassé
car un visiteur de la Home n'a pas accès, sans l'adresse de la partie Zite.

pour centrer tes menus qui sont "collés à gauche" tu ajoute
un "text-align:center" dans les "menu.... li et #soumenus..... li
... C'est ce que je viens de faire (pour les pages fille de ENGLISH)

si ton problême est pour centrer l'ensemble du menu ?... rajouter le "text-align:center" plutot au conteneur parent...

laurent39 · 25/09/2009 10:30:04

Bonjour tout le monde,

J'ai tout essayé : text-align:center dans les li, créé une div conteneur des menus avec align="center" dans le php, text-align:center dans la class conteneur, j'ai essayé aussi width:900px; margin-left:auto;margin-right:auto; dans le conteneur, dans les #menu_horizontal et sousmenu_horizontal... bref j'ai essayé toutes les méthodes trouvées de ci de là : pas moyen...

Stefpei : ton menu et sous menu est aligné à gauche pour moi... (dans Firefox, j'ai pas essayé avec IE...)

Si vous trouvez une soluce, partagez

Laurent39

davyk · 25/09/2009 15:34:21

salut laurent,
j'ai une idée mais il faudrait absolument que tu montre ton travail pour que je puisse être sûr de ne pas te dire de co..eries.

je pense que ça vient du placement de ta div dans ton code.
et puis tu as quelques float: left dans ton css de début de post, est-ce que tu as changé ça?

++ vYk

PS: n'aies pas peur, on va pas se moquer de ton travail

Dernière modification par davyk (25/09/2009 15:37:45)

laurent39 · 28/09/2009 10:02:31

la soluce grâce à Stefpei et Vyk, grand merci à eux 2 !!

dans les css :

#menu-horizontal {
background-color: #ccc;
height: 22px;
width:900px;
margin-top:1px;
}

#menu_horizontal{
font-size: 9pt;
color: #9966FF;
background-color: #ccc;
height: 22px;
width:900px;
margin-top:1px;
}
#menu_horizontal li{
float: left;

}
#menu_horizontal li.zli2{
display:none;
}
#menu_horizontal a{
padding-left:6px;
padding-right:6px;
border-left:1px #525252 dotted;
font-size:9pt;
display:inline
}

#sousmenu_horizontal li{
float: center;
display:inline;
text-align:center;
}
.zul{
display:inline;
}
#sousmenu_horizontal li.zli1{
display:none;
}
#menu_horizontal ul,#sousmenu_horizontal ul{
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
#sousmenu_horizontal a{
padding-left:6px;
padding-right:6px;
border-left:1px #555555 dotted;
font-size:8pt;
color: #666;
display:inline;
}
#sousmenu_horizontal a:hover{
padding-left:6px;
padding-right:6px;
border-left:1px #CCC dotted;
font-size:8pt;
color: #000;
display:inline;
}

ainsi on obtient un menu horizontal et un sous menu horizotal lui aussi avec ses sous-rubriques centrées qui apparaissent à la demande (très utile !!)

Longue vie à Zitecms

laurent39

a-lex · 08/10/2009 18:21:58

Bonjour les gens,

Y'a pas une solution sans passer par la modification de template.php ?
rien que dans le CSS? Non?

ça serait fort, car ainsi ce serait simple de proposer des graphismes sans toucher au "dur php"

michael79 · 08/10/2009 19:43:37

a-lex a écrit :

Bonjour les gens,
Y'a pas une solution sans passer par la modification de template.php ?
rien que dans le CSS? Non?
ça serait fort, car ainsi ce serait simple de proposer des graphismes sans toucher au "dur php"

Bonjour a-lex,

Je suis tout à fait d'accord avec toi. D'ailleurs les futures versions
de Zite proposerons l'installation de templates sans modifier le PHP.
Et pour ceux qui veulent aller plus loin, il y aura des plugins.

A suivre...

Michael

a-lex · 08/10/2009 20:54:12

Je suis tout à fait d'accord avec toi. D'ailleurs les futures versions
de Zite proposerons l'installation de templates sans modifier le PHP.
Et pour ceux qui veulent aller plus loin, il y aura des plugins.
A suivre...

je m'en réjouis!

pour le moment je vais donc user de la méthode présentée plus haut.

Mais il serait intéressant et utile de pouvoir bénéficier d'un menu facilement modifiable et malléable avec les CSS.

je suis étonné de la forme actuelle du menu:
notamment pour les pages filles (des li qui suivent les li des parents). J'ai souvent vu une "imbrication" ul / li dans d'autres CMS et les menus qui en découlent sont super à "travailler"

Actuellement:
<ul class="zul">
<li class="zli zli1"><a class="za za1" href="index.php?z=1&perma=presentation">Présentation</a></li>
<li class="zli zli1"><a class="za za1" href="index.php?z=2&perma=Index">Bienvenue</a></li>
<li class="zli zli1 zon zon1"><a class="za zaon zaon1" href="index.php?z=3&perma=_Zite">Zite</a></li>
<li class="zli zli2"><a class="za za2" href="index.php?z=4&perma=_Top">Entête</a></li>
<li class="zli zli2"><a class="za za2" href="index.php?z=5&perma=_Login">Page de connexion</a></li>
<li class="zli zli2"><a class="za za2" href="index.php?z=6&perma=_Bot">Pied de page</a></li>
</ul>

ne serait-ce pas possible d'obtenir un truc comme ça?
<ul class="zul">
<li class="zli zli1"><a class="za za1" href="index.php?z=1&perma=presentation">Présentation</a></li>
<li class="zli zli1"><a class="za za1" href="index.php?z=2&perma=Index">Bienvenue</a></li>
<li class="zli zli1 zon zon1"><a class="za zaon zaon1" href="index.php?z=3&perma=_Zite">Zite</a></li>
<ul class="zul2">
<li class="zli zli2"><a class="za za2" href="index.php?z=4&perma=_Top">Entête</a></li>
<li class="zli zli2"><a class="za za2" href="index.php?z=5&perma=_Login">Page de connexion</a></li>
<li class="zli zli2"><a class="za za2" href="index.php?z=6&perma=_Bot">Pied de page</a></li>
</ul>
</ul>

enfin voilà voilà...
Mais bonne suite à zite! Car vraiment, j'ai trouvé LE cms super-simple à mettre en oeuvre et à utiliser!

doekia · 08/10/2009 21:52:53

Salut,

Je crois que j'ai ta solution ... menu hiérarchique, j'avais posté ici http://www.zitecms.org/zite/forum/viewtopic.php?id=506

A bientôt
(d)oekia

a-lex · 09/10/2009 21:33:55

@ doekia :
merci pour ta réponse, je vais étudier la chose...

Ce qui "m'inquiète" (je mets bien entre guillemets, hein, c 'est pas pour être médisant) c'est de devoir utiliser zite+...
j'ai pas pour habitude d'utiliser des dérivés car je crains toujours que ces derniers n'aient pas la même continuité que leur original.

jpg · 09/10/2009 21:58:41

a-lex a écrit :

@ doekia :
merci pour ta réponse, je vais étudier la chose...
Ce qui "m'inquiète" (je mets bien entre guillemets, hein, c 'est pas pour être médisant) c'est de devoir utiliser zite+...
j'ai pas pour habitude d'utiliser des dérivés car je crains toujours que ces derniers n'aient pas la même continuité que leur original.

Bonsoir,
C'est une crainte légitime !
Mais l'original n'est pas à l'abri non plus: son évolution vient de reprendre ... mais il était en panne d'évolution depuis bien longtemps avant sa reprise par michael.
D'un autre coté, Ziteplus évolue de manière continue depuis sa création: un an déjà

Après c'est toi qui décide

doekia · 10/10/2009 01:53:55

a-lex a écrit :

@ doekia : ... c'est de devoir utiliser zite+...

Je peux pas te dire si c'est long parce que je n'ai pas chargé Zite en fait mais comme mon code est en module, moyennant un rien tu devrais pouvoir l'intégrer à ta version préférée ... enfin je suppose.

(d)oekia

a-lex · 16/10/2009 12:54:29

Bonjour les gens,
Alors finalement, je me suis mis à Z+ et hop avec le petit module que m'a proposé deokia!

Hmmmm! résultats intéressants!
je vous ferais voir les résultats tout bientôt!

Forum ZitePLUS

#1 22/09/2009 15:40:09

menu horizontal et sous pages

#2 22/09/2009 19:16:42

Re : menu horizontal et sous pages

#3 22/09/2009 20:21:12

Re : menu horizontal et sous pages

#4 23/09/2009 13:00:19

Re : menu horizontal et sous pages

#5 23/09/2009 13:46:44

Re : menu horizontal et sous pages

#6 23/09/2009 15:30:04

Re : menu horizontal et sous pages

#7 23/09/2009 16:20:53

Re : menu horizontal et sous pages

#8 23/09/2009 17:01:28

Re : menu horizontal et sous pages

#9 23/09/2009 18:19:45

Re : menu horizontal et sous pages

#10 24/09/2009 08:50:20

Re : menu horizontal et sous pages

#11 24/09/2009 13:22:51

Re : menu horizontal et sous pages

#12 25/09/2009 10:30:04

Re : menu horizontal et sous pages

#13 25/09/2009 15:34:21

Re : menu horizontal et sous pages

#14 28/09/2009 10:02:31

Re : menu horizontal et sous pages

#15 08/10/2009 18:21:58

Re : menu horizontal et sous pages

#16 08/10/2009 19:43:37

Re : menu horizontal et sous pages

#17 08/10/2009 20:54:12

Re : menu horizontal et sous pages

#18 08/10/2009 21:52:53

Re : menu horizontal et sous pages

#19 09/10/2009 21:33:55

Re : menu horizontal et sous pages

#20 09/10/2009 21:58:41

Re : menu horizontal et sous pages

#21 10/10/2009 01:53:55

Re : menu horizontal et sous pages

#22 16/10/2009 12:54:29

Re : menu horizontal et sous pages

Pied de page des forums