Problème menu et déroulement horizontal
Galina
-
Galina -
Galina -
Bonjour,
Je suis débutante, et de plus autodidacte... Veuillez m'excuser si je n'utilise pas le vocabulaire adéquate.
J'ai créé un site voilà quelques années, en HTML, avec Dreamweaver MX 2004 en utilisant le mode création. Aujourd'hui, ce site est largement obsolète, laid, et inadapté à mes activités professionnelles. Je souhaiterais en créer un autre, et j'ai trouvé celui-ci comme modèle :
http://maggiestiefvater.com/
seulement, compte tenu de mes faibles connaissances, je n'arrive pas
- à faire une barre de menu "qui suive" le texte horizontalement,
- ni à donner cet "effet de tablette numérique" ( lorsque l'on clique sur un bouton du menu, nous voyons défiler toute la page de gauche à droite, ou de droite à gauche, jusqu'à l'endroit choisi).
Pourriez-vous me dire où je pourrais trouver des scripts pour ces deux points ? j'avoue que j'ai relevé le code source de la page, mais je suis incapable de m'en dépêtrer...
Merci de m'aider,
cordialement
Je suis débutante, et de plus autodidacte... Veuillez m'excuser si je n'utilise pas le vocabulaire adéquate.
J'ai créé un site voilà quelques années, en HTML, avec Dreamweaver MX 2004 en utilisant le mode création. Aujourd'hui, ce site est largement obsolète, laid, et inadapté à mes activités professionnelles. Je souhaiterais en créer un autre, et j'ai trouvé celui-ci comme modèle :
http://maggiestiefvater.com/
seulement, compte tenu de mes faibles connaissances, je n'arrive pas
- à faire une barre de menu "qui suive" le texte horizontalement,
- ni à donner cet "effet de tablette numérique" ( lorsque l'on clique sur un bouton du menu, nous voyons défiler toute la page de gauche à droite, ou de droite à gauche, jusqu'à l'endroit choisi).
Pourriez-vous me dire où je pourrais trouver des scripts pour ces deux points ? j'avoue que j'ai relevé le code source de la page, mais je suis incapable de m'en dépêtrer...
Merci de m'aider,
cordialement
A voir également:
- Problème menu et déroulement horizontal
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
5 réponses
Je suis pas certain d'avoir bien compris pour le menu horizontal.
Classiquement, pour faire un menu horizontal, on se sert de la balise <ul> :
et on lui applique du css, par exemple :
Pour le défilement, il faut utiliser du javascript, avec la bibliothèque jquery pour obtenir l'effet de transition.
Voici 2 liens qui peuvent t'inspirer :
http://codecanyon.net/item/sliding-tabs-jquery-plugin/full_screen_preview/141774
https://ebizfacts.com/website-slider/
Bon courage.
Classiquement, pour faire un menu horizontal, on se sert de la balise <ul> :
<ul id="main_menu"> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul>
et on lui applique du css, par exemple :
#main_menu{
display: inline-block;
text-decoration: none;
list-style:none;
}
Pour le défilement, il faut utiliser du javascript, avec la bibliothèque jquery pour obtenir l'effet de transition.
Voici 2 liens qui peuvent t'inspirer :
http://codecanyon.net/item/sliding-tabs-jquery-plugin/full_screen_preview/141774
https://ebizfacts.com/website-slider/
Bon courage.
Merci ! je vais essayer tout de suite.
En fait je veux le même menu que sur le site d'exemple, c'est à dire un menu qui reste tout le temps visible en haut à gauche.
bonne soirée
En fait je veux le même menu que sur le site d'exemple, c'est à dire un menu qui reste tout le temps visible en haut à gauche.
bonne soirée
Merci, je note !
Question bête... Le CSS, je le mets où dans le script (et oui, je suis novice à ce point là) ? J'essaye et ne ça marche pas.
Idem pour le jquery, je n'arrive à rien de cohérent. Il faut mettre les indications dans quelle partie du script ?
A+...
Question bête... Le CSS, je le mets où dans le script (et oui, je suis novice à ce point là) ? J'essaye et ne ça marche pas.
Idem pour le jquery, je n'arrive à rien de cohérent. Il faut mettre les indications dans quelle partie du script ?
A+...
Pour le css, soit tu crées un fichier à part qui contiendra tout le css et que tu vas appeler dans ta page html de cette façon :
Soit tu mets le css directement dans la page html dans la balise <style> :
Pour le javascript (js) c'est le même principe.
Page externe :
Directement dans la page :
Le css se place dans la balise <head>.
Le js c'est mieux de le placer dans la balise <body>, juste avant le </body>.
Le jquery est 1 fichier à placer avant les autres fichiers js.
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="ton-fichier.css"/>
Soit tu mets le css directement dans la page html dans la balise <style> :
<style type="text/css">
#balise { fonction: attribut; }
#balise{ fonction: attribut; }
#balise { fonction: attribut; }
#balise { fonction: attribut; }
</style>
Pour le javascript (js) c'est le même principe.
Page externe :
<script src="js/ton-fichier.js" type="text/javascript"></script>
Directement dans la page :
<script type="text/javascript"> // le code placé ici </script>
Le css se place dans la balise <head>.
Le js c'est mieux de le placer dans la balise <body>, juste avant le </body>.
Le jquery est 1 fichier à placer avant les autres fichiers js.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question