Ajoutez un effet de survol

À présent, vous ajouterez un effet de survol pour que la couleur d'arrière-plan des blocs de la barre de navigation change toutes les fois que le pointeur de la souris passe par-dessus l'un des liens. Pour ajouter un effet de survol, créez une nouvelle règle qui contient la pseudo-classe :survol

  1. Ouvrez le fichier cafe_townsend.css.
  2. Sélectionnez la règle .navigation entière.



  3. Copiez le texte (Editer > copier).
  4. Cliquez une fois à la fin de la règle et appuyez sur Entrée (Windows) ou sur Retour (Macintosh) plusieurs fois pour créer des espaces.



  5. Collez (Edition > coller) le texte copié dans l'espace que vous venez de créer.
  6. Ajoutez la pseudo-classe :hover au sélecteur .navigation collé, comme suit :



  7. Dans la nouvelle règle .navigation:hover, remplacez la couleur d'arrière-plan active (#993300) par #D03D03.



  8. Enregistrez le fichier et fermez-le.
  9. Ouvrez le fichier index.html dans la fenêtre de document et obtenez un aperçu de la page dans un navigateur (Fichier > Aperçu dans navigateur >...).

    Quand vous placez la souris par-dessus un lien quelconque, vous pouvez voir le nouvel effet de survol.


 

M'envoyer un message électronique lorsque des commentaires sont ajoutés à cette page | Rapport de commentaire

Page en cours: http://livedocs.adobe.com/dreamweaver/8_fr/using/gs_06_13.htm