Questions suite au tuto "Un menu déroulant animé en CSS3"

Version imprimable

26/10/2018, 12h08
DamKre

Questions suite au tuto "Un menu déroulant animé en CSS3"
Bonjour,

Je débute en programmation Web ; je m'y mets pour aider à refaire le site de mon établissement...

J'ai suivi le tuto Un menu déroulant animé en CSS3 car sa structure permet d'organiser les pages à notre convenance.

J'ai déjà :
- une page ( pour l'instant, index.php )
- le menu ( menu.php, appelé par une fonction PHP include )
- la feuille de style du menu ( style_menu.css )
Le tout fonctionne bien.

Dans la version originale du tuto ( à consulter ici ), en fin de page, il est proposé la version "mobile" de ce tuto. Par contre, étant novice en la matière, je ne vois pas où placer les codes qui y sont proposés.
Pourriez-vous m'aider ?

D'avance, grand merci !
26/10/2018, 13h58
Invité
Bonjour,

L'inconvénient des menus "au survol" (:hover), c'est qu'il sont difficiles à utiliser sur media tactiles.

C'est pourquoi je propose un menu "au clic" (CSS + jQuery), et responsive :
- https://codepen.io/jreaux62/pen/dPxKKQ
- https://codepen.io/jreaux62/pen/eedRwL (variante)
A savoir :
- un menu trop complexe (avec des sous-sous-menus) n'est pas ergonomique.
- Il vaut mieux un menu simple, et éventuellement un menu secondaire dans la page.
28/10/2018, 21h25
DamKre

Bonjour !
Merci déjà de ta réponse.

Il va donc falloir revoir un peu le contenu du menu ; je vais m'y employer et ce n'est pas un problème.

Si je suis ce que tu m'as indiqué, la partie HTML et la partie CSS, je peux les remplacer.
Par contre, pourrais-tu m'indiquer où insérer la partie "JS" ( javascript ) ?
Merci !

Bonjour,

la partie JS se met dans un fichier .js, et sera intégré à la page avec :
Code:

1 2 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>  <script src="url-du-fichier-javascript.js"></script>
A mettre en fin de fichier, avant la balise </body>