Comment faire vos liens Changer la couleur lorsque la souris passe dessus Utilisation de Dreamweaver Création

Création d'Mouseover / roulement Effets

questions préliminaires

Pour ceux qui ne l'aide de Dreamweaver, s'il vous plaît voir l'un des tutoriels suivants au lieu:

Je dois aussi mentionner que je ne testé la procédure ci-dessous avec Dreamweaver CS4, puisque ce fut la dernière version à l'époque, j'ai écrit la majeure partie de ce tutoriel. Il devrait probablement travailler de la même manière dans les autres versions de Dreamweaver.

Comment changer la souris sur Couleur de tous les liens

La procédure suivante crée l'effet la mise en surbrillance de la souris de votre visiteur survole un lien sur votre page web.

Utilisation de Dreamweaver, ouvrez la page Web contenant le lien que vous souhaitez modifier.

Cliquez sur "Format | Styles CSS |. Nouveau" dans le menu. Cela est, cliquez sur le menu « Format » en haut de la fenêtre Dreamweaver. Lorsqu'un menu apparaît, cliquez sur la ligne « Styles CSS ». Cela permettra d'élargir un sous-menu. Cliquez sur le « Nouveau ». Dans ce sous-menu.

Une boîte de dialogue intitulée « Nouvelle règle CSS » apparaît. Cliquez sur la flèche à côté du menu déroulant sous « Type de sélection ». Une liste déroulante apparaît. Cliquez sur la ligne « composé (en fonction de votre sélection) ».

Cliquez sur le menu déroulant sous « Nom Selector » pour le développer. Cliquez sur le « a: hover » ligne dans la liste qui apparaît. Si vous ne le voyez pas, faites défiler vers le bas jusqu'à ce que vous le trouverez. Dreamweaver remplira le champ avec les mots « a: hover ». (Dans le cas contraire, cela signifie que vous n'avez pas cliqué au bon endroit dans la liste Réessayez déroulante..)

Cliquez sur le bouton « OK ».

La boîte de dialogue vous donnera l'apparence des liens lorsqu'une souris est en vol stationnaire sur eux. En particulier, vous pouvez changer la police (le champ « Font-famille »), la taille de la police (le champ « Taille du texte »), si vous voulez que le lien apparaisse en gras (le champ « Font-poids ») ou italique (le champ « style police »), ont un soulignement (la case à cocher « underline »), etc. Vous pouvez également changer la couleur du texte lui-même, en utilisant la boîte « color » (cliquez la case carré à côté de « couleur "pour ouvrir le sélecteur de couleurs, à partir de laquelle vous pouvez choisir une couleur différente pour le texte).

Pour changer la couleur de fond du lien, qui est la couleur qui apparaît sous le texte, cliquez sur la ligne « arrière-plan » dans la colonne de gauche de la boîte de dialogue. Quand vous faites cela, vous devriez être en mesure de voir une boîte carrée « background-color » que vous pouvez cliquer pour révéler le sélecteur de couleur.

Lorsque vous avez fini de changer les couleurs de vol stationnaire, cliquez sur le bouton « OK ». La boîte de dialogue disparaîtra. Rappelez-vous pour enregistrer vos modifications en cliquant sur « Fichier | Enregistrer tout » dans le menu. Remarquez que je dit utiliser l'élément dans le menu Fichier « Enregistrer tout » et non l'habituel « Enregistrer ». C'est parce que quand vous avez fait ces changements de couleur, Dreamweaver modifié votre fichier CSS, ainsi, si vous cliquez sur simplement « Fichier | Enregistrer » ne protégera pas toutes vos modifications.

Comment changer la couleur par défaut de vos liens

La procédure ci-dessus a changé seulement le « vol stationnaire » ou couleurs « mouseover ». Si vous voulez changer la couleur par défaut de vos liens, qui est, à partir de la valeur par défaut le texte bleu souligné, prendre les mêmes étapes que vous avez fait précédemment. Cependant, au lieu de cliquer sur "a: hover" dans le menu "Nom du sélecteur", cliquez sur "a: link". Le reste de la procédure est la même.

Couleurs Link et facilité d'utilisation

Voici les choses que vous pouvez faire pour améliorer la facilité d'utilisation de vos liens si vous avez vraiment changer les couleurs par défaut:

Essayez de faire vos liens soulignés. Le soulignement est un repère visuel à vos utilisateurs que ce qu'ils voient est un lien hypertexte. Pas tout le monde reconnaîtra ce signal, cependant.

Vol stationnaire ou des changements de couleur capotage peuvent aussi aider un peu à indiquer que quelque chose est vraiment un lien. Lorsque votre visiteur déplace son / sa souris sur le texte, mettez en surbrillance ce morceau de texte en changeant la couleur de fond et rendre le texte souligné.