Les technologies de l'information se développent chaque jour. Et ce qui semblait être quelque chose d'inaccessible auparavant, est aujourd'hui déjà disponible pour presque tous les hommes de la rue. Et il n'est pas du tout nécessaire d'avoir des capacités et des connaissances surnaturelles pour créer votre propre site Web. Et si nous ne parlons que d'ajouter un menu à votre ressource, alors même un écolier peut le gérer.
Il est nécessaire
Ordinateur avec connexion internet
Instructions
Étape 1
Accédez au site Web PureCSSMenu. Ici, vous verrez un éditeur visuel avec lequel vous pouvez créer rapidement et facilement un menu pour n'importe quel site.
Étape 2
Pour accéder à la page où sont disposés les modèles de menu, cliquez sur le bouton "Modèles", qui se trouve à gauche. Ensuite, vous devez sélectionner le modèle que vous aimez et cliquer dessus. Dans la fenêtre "Aperçu", vous verrez un menu vraiment fonctionnel, créé à l'aide de feuilles de style en cascade.
Étape 3
Parcourez chacun des modèles suggérés pour choisir celui qui convient le mieux à votre site. Si la couleur et la police que vous avez aimées par le style du menu ne correspondent pas au schéma de couleurs du site, vous pouvez modifier ces paramètres en cliquant sur l'onglet "Paramètres".
Étape 4
Modifiez la couleur et la police à l'aide du code HTML ou sélectionnez-la dans la palette proposée par la ressource en cliquant sur la teinte que vous aimez.
Étape 5
Créez maintenant une structure de menu pour votre site. Pour ce faire, cliquez sur le bouton "Articles". Dans l'onglet qui s'ouvre, vous verrez un bouton avec un gros signe plus et l'inscription "Ajouter un élément". Cliquez sur ce bouton et un nouvel élément sera ajouté à la fin du menu. Pour insérer un nouvel élément au milieu du menu, sélectionnez l'onglet après lequel doit être ajouté et cliquez sur le bouton intitulé "Ajouter un élément suivant".
Étape 6
Pour ajouter un sous-élément au menu déroulant, appuyez sur le bouton intitulé "Ajouter un sous-élément", après avoir sélectionné l'élément de menu qui contiendra le nouvel onglet. Si vous souhaitez supprimer l'un des éléments, sélectionnez-le et cliquez sur le bouton "Supprimer l'élément".
Étape 7
Dans la zone "Paramètres de l'article", il est nécessaire de remplir tous les champs pour que le nouveau menu fonctionne correctement. Dans le champ "Texte", entrez le nom de l'élément de menu, dans le champ "Lien", entrez l'adresse de la page vers laquelle la transition aura lieu après avoir cliqué sur ce bouton. Pour choisir le mode d'ouverture de la page, dans le champ « Cible », définissez la valeur « _self » ou « _blank ». Avec la première option, la page s'ouvrira dans la même fenêtre, avec la fonction "_blank" sélectionnée - dans une nouvelle.
Étape 8
Vous devez maintenant coller le code du menu créé dans votre site. Pour ce faire, cliquez sur le bouton "Télécharger", qui se trouve dans le coin inférieur droit, et sélectionnez un dossier sur votre ordinateur où l'archive purecssmenu-com.zip sera enregistrée. Après avoir enregistré le fichier, décompressez cette archive et ouvrez le fichier purecssmenu.html, qui contient le code de votre menu. Copiez ce code et collez-le dans votre fichier modèle de site Web.
