Fork me on GitHub

Menu déroulant : phase 2

200507
Mars
  romu Documentations 9041
Documentations

Après le contenu, le thème de votre Xoops participe à son succès. Mais si un site est beau, il doit surtout être pratique à utiliser. Le travail sur les menus, associés aux thèmes, est donc déterminant.

Dans un premier temps, nous avions proposé une première solution.
Celle-ci proposait une unique barre de menu en remplacement des deux "habituels" blocs qui identifient si bien nos Xoops.

Mais comme toujours, les bonnes choses sont soumises à évolution ! C'est ce que nous vous proposons...

Voici donc venir une nouveau menu déroulant qui offret sensiblement les mêmes possibilités mais avec quelques avantages :
- toujours trois niveaux, un premier horizontal et deux verticaux.
- définition en CSS (uniquement des balises UL LI A)
- une petite centaine de caractères javascript.

Au final :
- un poids plus léger
- un positionnement dans la page
- une meilleure interprétation par les navigateurs

Lire la présentation

Note: 10.00 (1 vote) - Noter cet article -

Partager Twitter Partagez cette article sur GG+
Format imprimable Envoyer cet article à un ami
Les commentaires appartiennent à leurs auteurs. Nous ne sommes pas responsables de leur contenu.
Régulier
Inscrit le: 24/04/2004
De:
Contributions: 442
SpeedAirMan Posté le: 07/03/2005 21:27  Mis à jour: 07/03/2005 21:27
 Re: Menu déroulant : phase 2
Excellent menu, plutôt simple, léger etc.
Néanmoins JavaScript me donne toujours autant de boutons, et il suffit de le désactiver pour que le menu ne soit plus accessible sous Internet Explorer...
Je cherche actuellement un autre menu, qui ne sera pas déroulant et qui changera selon le module sur lequel il se trouve. (voir ici : http://kalsey.com/tools/csstabs/ mais faut une class différente pour chaque module, je cherche encore, mais dès que j'aurai trouvé, jvous ferai signe )
Voir discussion en rapport ici : http://www.frxoops.org/modules/newbb/ ... at&topic_id=3024&forum=11
Régulier
Inscrit le: 04/02/2003
De: wdforge.org
Contributions: 285
romu Posté le: 08/03/2005 09:21  Mis à jour: 08/03/2005 09:21
 Re: Menu déroulant : phase 2
Merci SpeedAirMan.
J'ai évidement étudié ce type de présentation mais elle ne convient pas à mon cahier des charges actuel qui demande trois niveaux.

Si l'on ne désire pas des pages qui "hoquêtent" pour cause de réservation de place (div ou ul) dynamiques, le JS semble encore incontournable pour afficher les éléments de manière contextuelle (hover).

Qui sait, peut-être que notre troisième étape sera 100% CSS... c'est en tout cas l'axe qui est visé.
Pour ceux qui se sentent capable, je suis à disposition pour aider le portage en module.
Régulier
Inscrit le: 24/04/2004
De:
Contributions: 442
SpeedAirMan Posté le: 08/03/2005 10:48  Mis à jour: 08/03/2005 10:48
 Re: Menu déroulant : phase 2
Oui, je comprends bien que JS soit encore presque indispensable.
Mais perso, dans le petit cahier des charges que je me suis fait (+ dans ma tête que par écrit d'ailleurs ^^) je veux que le site s'affiche pareil sur TOUS les navigateurs, et que TOUT le monde puisse le voir, de n'importe ou.
DOnc déjà pas de Flash, ça c'est clair et précis ^^ (coz it needs the plugin ) puis, au maximum : pas de JavaScript !
Si on l'utilise, c'est qu'on en a besoin pour telle ou telle fonction, et parfois, dans certaines entreprises ou écoles, ils désactives le JS sur les postes et dans ce cas le site ne s'afficherait plus comme il le faudrait.
Il est aussi source de bugs et pas toujours bien interpreté de la même façon par tous les navigateurs.
Si tous les navigateurs étaient compatibles avec les normes du W3C (Qui a dit F**k IE ??! Hélas utilisé par au moins 80% des internautes...), on pourrait faire des menus dynamiques sur plusieurs niveaux SANS JavaScript.
Mais ce n'est pas le cas, alors je préfère me passer d'un menu dynamique (le mien le sera aussi, d'une certaine façon ) avec JS pour passer sur un menu 100% CSS et compatible avec tous les navigateurs (datant d'APRES la préhistoire bien sûr).
Après, c'est sûr, ça augmente la difficulté pour donner une navigation facile, mais justement, il faut alors + se creuser la tête pour trouver qq chose de plus simple, et au final, je pense que ça me plaira et que ça sera fonctionnel ! :banana:

Perso, je ne voulais pas des traditionnelles colonnes de gauches et de droites de tous les CMS, alors depuis 3 semaines je bosse sur le thème qu'utilisera mon futur site (ça ne sera plus SpeedAirMan.com, nouveau nom de domaine et + de contenu) et il ne comporte que la colonne centrale, un header, un menu, le contenu, et un footer mais tout ça de façon à pouvoir nénamoins exploiter les fonctions de Xoops (je ne me débarrasse pas totalement du bloc droit et gauche).

Bref, je m'écarte du sujet là ^^
Aujourd'hui le design est fini à 80% je dirai, et j'espère pouvoir vous annoncer sa sortie dans moins d'un mois. (y'a pas que le design qui compte )

Ah oui, l'avantage de mon menu ?!
Tous les liens du menu sont dans le code source de la page, sur TOUTES les pages, et seulement les sous menu concernés par le module affiché seront affichés.
L'inconvéniant ?! Je dirai bien aucun, mais finalement si : il utilise une position absolue pour le sous menu (gros probl, j'aurai preferé faire autrement, mais tant pis, ça marche quand même pour moi ^^) et les sous menus ne sont visibles que sur les modules respectifs. (ça pourra en géner certains, jdirai que ça ralenti la navigation, mais pas moi ^^ ça sera niquel pour mon usage / ma présentation)
Aspirant
Inscrit le: 09/08/2005
De: Sophia Antipolis
Contributions: 59
Claire Posté le: 02/04/2007 09:39  Mis à jour: 02/04/2007 09:39
 Re: Menu déroulant : phase 2
Ce menu déroulant m'a l'air franchement appétissant, mais les liens sont brisés. Alors si jamais vous aviez le temps de les rétablir, ce serait cool, j'ai hâte d'en savoir plus ! :merci:
Semi pro
Inscrit le: 05/04/2003
De:
Contributions: 1645
fooups Posté le: 02/04/2007 09:52  Mis à jour: 02/04/2007 09:52
 Re: Menu déroulant : phase 2
Bonjour,

j'ai déjà un premier lien ici.

@+
Aspirant
Inscrit le: 09/08/2005
De: Sophia Antipolis
Contributions: 59
Claire Posté le: 02/04/2007 10:08  Mis à jour: 02/04/2007 10:08
 Re: Menu déroulant : phase 2
Je le connais déjà, je suis en travailler dessus, et j'avoue que pour la "newbie" que je suis, ça n'est pas très clair, c'est pour cela que je voulais en savoir plus ... Merci beaucoup quand même pour la célérité de la réponse !
Semi pro
Inscrit le: 05/04/2003
De:
Contributions: 1645
fooups Posté le: 02/04/2007 11:34  Mis à jour: 02/04/2007 11:34
 Re: Menu déroulant : phase 2
Une autre ressource externe à XF: Des menus déroulants grâce aux CSS
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

58 Personne(s) en ligne (5 Personne(s) connectée(s) sur Articles) | Utilisateur(s): 0 | Invité(s): 58 | Plus ...