Comment faire pour modifier Menu Hauteur en Spry

February 27

Comment faire pour modifier Menu Hauteur en Spry


Spry cadre d'Adobe permet aux concepteurs Web pour mettre en œuvre facilement des fonctionnalités dynamiques dans leurs pages, y compris un menu de navigation déroulant. Adobe a ajouté une fonction de menu Spry à Dreamweaver comme un moyen de créer facilement la navigation à plusieurs niveaux, mais il est pas toujours évident de savoir comment personnaliser l'apparence de la barre de menu. Plutôt que de manipuler le menu dans le mode Création, ajuster les classes CSS liées pour obtenir l'apparence que vous voulez.

Instructions

1 Ouvrez le document CSS associé au HTML de votre menu Spry a été placé dans. Si vous utilisez Dreamweaver, c'est le code qui a été créé dans le fichier SpryMenuBar.css lorsque le menu a été créé.

2 Localisez le "Ul.Menubarhorizontal un" sélecteur. Les deux attributs qui contrôlent la hauteur de la barre de navigation principale sont la taille du texte et le rembourrage autour de lui. Décidez de la taille que vous voulez le texte et ajouter un attribut de taille de police à ce sélecteur. Par exemple:

font-size: 14px;

3 Prenez la hauteur souhaitée de votre menu en pixels et soustraire la taille de la police de lui. Divisez ce chiffre en deux pour obtenir le rembourrage haut et en bas requis. Supprimez l'attribut de remplissage existant et de ses valeurs.

4 Créer un nouvel attribut de remplissage suivie par les nouvelles valeurs que vous avez déterminé. Utilisez des valeurs de pixels plutôt que ems et entrez les valeurs dans l'ordre suivant: haut, droite, bas, gauche. Pour illustrer un menu avec une hauteur de 40px et la taille de 14px, écrire l'attribut padding comme suit:

padding: 13px 0 13px 0;

Conseils et avertissements

  • Centrez le texte du lien au sein de son bloc par rapport à l'aide du "text-align: center" attribut.

          

Post a comment: