Comment designer un menu fait avec wayfinder ?

bonjour,

tout est dans le titre...si vous avez un tuto ou si quelqu’un se sent de m’expliquer...merci

Salut aiphess,

Ben je dirais avec des css...

Bon d’accord je pense que ça tu le savais.

En cherchant sur le forum et le wiki (je debute sous MODx), voici ce que j’ai appris.

• Tu construit ton menu avec des templates (chunk), grâce à l’utilisation des paramètres de template (par exemple &outerTpl=`mon_template`) dans l’appel à wayfinder. le tuto est sur le wiki
• Tu ajoute lors de ton appel à wayfinder, la définition du nom des différentes classes qui vont gérer le design de ton menu, grâce aux paramètres de nom de class (exemple: &firstClass=`le_nom_de_la_classe_pour_le_premier_element_de_mon_menu`). Là aussi les différents paramètres de nom de class sont sur le wiki
• Ensuite tu place dans tes différents templates le placeholders [+wf.classes+]

Et voila le tour est joué!

Pour voir un exemple sans doute bien plus clair que mon long discours, mais en anglais, c’est ici : http://www.muddydogpaws.com/development/wayfinder/examples.html

Adio

bon je m’y colle des que je peux et vous ferai part de mes soucis

bon j’ai recuperer un modele sur le site de l’auteur mais je ne comprends pas comment inserer la css menu :

[[Wayfinder? &startId=`0` &level=`3` &parentClass=`hide` &parentRowTpl=`cssplay_parentRow` &outerTpl=`cssplay_outer` &innerTpl=`cssplay_inner` &rowTpl=`cssplay_row` &outerClass=`menu` &cssTpl=`cssplay_dropdown`]]

je creer une css speciale ? ou je mets le code css dans ma css qui gere le site ?
a part cela j’ai créer tous les chunks donc il me manque que ca

merci

Quote from: aiphess at Jun 26, 2008, 04:17 AM

[[Wayfinder? &startId=`0` &level=`3` &parentClass=`hide` &parentRowTpl=`cssplay_parentRow` &outerTpl=`cssplay_outer` &innerTpl=`cssplay_inner` &rowTpl=`cssplay_row` &outerClass=`menu` &cssTpl=`cssplay_dropdown` ]]

je creer une css speciale ? ou je mets le code css dans ma css qui gere le site ?

Oui, tu peut mettre ton code css, dans ta feuille css qui gere ton site.
Mais je vois que tu as mis dans ton appel &cssTpl=`cssplay_dropdown`.
Ce paramètre permet d’indiquer que ton code css et dans le chunk {{cssplay_dropdown}}.

Donc il faut que tu choisisse, la méthode que tu préfère.

ok je ne savais pas que je pouvais mettre du code css dans un chunk...
en tout cas je l’ai mis dans la feuille css et ca marche nickel...:)

Quote from: aiphess at Jun 26, 2008, 12:35 PM

ok je ne savais pas que je pouvais mettre du code css dans un chunk...

Moi non plus...

J’ai lu cela dans le wiki quand j’ai vu dans ton appel &cssTpl que je ne connaissais pas.

Le wiki dit:
"Si le code généré par l’appel à Wayfinder requière la présence de certain CSS ou JavaScript, vous pouvez stoker le CSS dans un Chunk et le JavaScript dans un autre. Lorsque vous utilisez ses paramètre Wayfinder copie ses chunks dans la section HEAD de la page Web."


Voila

bonne trouvaille en tout cas