[Résolu] Problèmes avec le menu et DropMenu

Bonjour à tous,

Je débute sur Modx et malgré mes lectures sur le forums, je n’ai pas trouvé toutes les réponses à mes questions.

Pour le moment, le code de mon menu est celui-ci :

<ul id="menu"> [!DropMenuOT?activeTreeOnly=true!] </ul>


Je souhaiterais faire 2 choses :

1) Placer des puces (une image) devant chaque item de mon menu

2) Diviser ce menu en 2 menus : un horizontal et un vertical

Voici "ma page de test" : http://s147756285.onlinehome.fr/modx-0.9.2.1/index.php?id=79
et voici à quoi je voudrais que cela ressemble : http://s147756285.onlinehome.fr/modx-0.9.2.1/

Merci d’avance pour votre aide, et la clarté de vos explications car pour moi MODx est encore bien compliqué

Stéph.

hello,

d’abord ton code:


est incorrecte d’un point de vue html
puisque drop menu produit une liste non ordonnée <ul><li></li></ul>
Donc il est inutile d’encadrer l’appel des balises <ul></ul>.



produira en sortie <ul class="menu"></ul>

Ensuite pour ta question

1) Placer des puces (une image) devant chaque item de mon menu

s’agit t’il pour chacun des items d’avoir une image specifique ou bien chaque item est précédé de la même
Si c’est tjs la même, c’est du coté des css que se trouve la solution

.menu li {
list-style:none;
background: url(adresse/de/limage-des-puces.png)  0 0 no-repeat; //
}

2) Diviser ce menu en 2 menus : un horizontal et un vertical

si tu pouvais développer un peu ton besoin
s’agit il d’une navigation principal et secondaire(celle ci reprenant les items rattaches à une rubrique de la navigation principale) ou bien de scinder la navigation principale en deux blocs

:-)

Une dernière chose:
dans le code des snippets en début de scripts tu as tjs la liste des parametres utilisables.
N’hésite pas à jeter un oeil. c’est tjs riche d’enseignements

C’est toujours la même image et j’ai donc mis ton code dans le css mais mon image n’apparaît pas

Pour le menu : ce serait scinder la navigation principale en 2 blocs

Merci, merci !

j’ai pas regardé le css de ton site mais si tu as laissé les balises entourant l’appel du snippet c’est normal.

il faut changer l’appel du snippet par celui-là(erreur de casse dans le précédent pour topnavClass


ce qui donnera
<ul class="menu"><li>....</li></ul>

et bien sur pointer vers l’image dans la class css écrite plus haut. Il te faudra également préciser 0 0 qui sont left et top(ou l’inverse je me trompe à chaque fois) pour définir le positionnement de l’image en arrière plan dans le block et certainement le padding pour éloigner le texte (libellé du lien) de l’image.

Pour le menu : ce serait scinder la navigation principale en 2 blocs

il faudrait vérifier que startID autorise une liste de valeur et cela devrait être possible.
Ceci étant diverses solutions seraient envisageables mais cela dépend de ton besoin en terme d’ergonomie Si oui ou non la page active doit être signalée pour chacun des blocs.
Le miux serait de présenter ton arborescence en spécifiant dans quel blocs se rangent les éléments de ton arborescence ainsi on saisira mieux la tache à accomplir.

:-)

Ok, cela fonctionne merci ! Il faudra, tu as raison, un peu modifier le css pour la présentation.
Serait-il possible par hasard, de ne pas avoir de puce pour les sous-rubriques ?

suffit de demander

pour cela il te faut redefinir le background qui est hérité par
.menu li li{
background:none;//devrait fonctionner
}

Super ! Merci sincèrement pour ton aide !

Pour ma navigation scindée en 2, tu aurais une idée ?

Comme je te le disais il n’ y a pas à ce jour  (le snippet DropMenu est en cours de réécriture) de solution toute faite. Il faudrait en savoir plus sur ton besoin en particulier. Connaitre la structure de l’arborescence et le rendu visuel attendu.

Si il n’y a pas d’urgence, je te conseillerai d’attendre la sortie de la nouvelle version de dropMenu (qui devrait changer de nom) et de mettre ce temps à profit pour explorer tous les apects de MODx comme les chunks, les TV, ...

:-)

Si, malheureusement, il y a urgence, je dois réaliser ce site pour septembre ...

Je souhaiterais un rendu comme sur cette page :
http://s147756285.onlinehome.fr/modx-0.9.2.1/index.php?id=1

et je réalise du coup, que la navigation serait scindée en 3

- une navigation horizontale en haut sans sous-rubriques : Comment venir ? / L’office de tourisme / Nos brochures
- une navigation verticale à gauche avec des sous-rubriques pour certaines rubriques : Accueil / Patrimoine et visites / Sports et loisirs / Produits du terroir / Manifestations / Où dormir ? / Où se restaurer ? / Sites amis
- une navigation horizontale en bas sans sous-rubriques : Accueil / Contact / Plan du site ...

Vraiment je vois pas de difficultés particulières à réaliser ce que tu demandes.
Il suffit d’organiser en conséquences les pages, d’appeler 2 fois dropMenu avec les paramètres en conséquences dans le template et un chunk pour finir.

yapluka