Les partenaires publicitaires:

Comment ajouter une image à un menu de barre de navigation

Un menu de barre de navigation contient des liens qui pointent vers les pages de l'intérieur ou l'extérieur de votre site web. Il est entièrement personnalisable et peut inclure un menu / fly-out couleur de fond, l'image et déroulante. Vous pouvez utiliser des images pour afficher les boutons plutôt que du texte dans la barre de navigation. Feuilles de style en cascade (CSS) vous permet de coiffer la barre de navigation avec l'image que vous souhaitez utiliser. Vous pouvez définir les dimensions à adapter à votre image ou redimensionner l'image de votre conception.

Instructions

  1. Démarrez le Bloc, TextPad, WordPad ou votre éditeur de texte favori. Sélectionnez "Fichier" et "Ouvrir" dans le menu. Une boîte de dialogue apparaît. Double-cliquez sur le fichier HTML que vous souhaitez modifier.

  2. Insérez le code suivant entre le tag pour créer un style pour le menu de la barre de navigation. L'élément de #navbar tiendra éléments dans la barre de navigation. Le "background: url (" URL ")« code affichera l'image de fond pour chaque élément de menu.




  3. Remplacer les dimensions de la "#navbar" avec votre settings- préféré qu'ils devraient être assez grand pour contenir l'image de chaque article. Remplacer les dimensions de chaque élément de menu (ex., "#Page», «#about», «#contact") Avec les dimensions de vos images. Remplacez "URL" avec l'emplacement de vos fichiers image.

  4. Insérez le code HTML suivant entre le tag. Il applique le style au menu de la barre de navigation, de sorte qu'il affiche vos images.

» » » » Comment ajouter une image à un menu de barre de navigation