Wie Sie die Links-Farbe ändern machen, wenn Sie die Maus Hover Over It Dreamweaver erstellen
Erstellen Bewegen Sie den Cursor / Rollover-Effekte
Vorfragen
Für diejenigen, die nicht mit Dreamweaver, einer der folgenden Tutorials finden Sie statt:
Ich sollte auch erwähnen, dass ich nur das Verfahren unten mit Dreamweaver CS4 getestet, denn das ist die neueste Version in der Zeit, die ich den Großteil dieses Tutorial geschrieben war. Es soll wohl auf die gleiche Weise in den anderen Versionen von Dreamweaver.
Wie die Mouseover-Farbe aller Links ändern
Das folgende Verfahren erstellt die Hervorhebung Wirkung, wenn Ihre Besucher die Maus über einen Link auf Ihrer Webseite schwebt.
Dreamweaver verwenden, öffnen Sie die Web-Seite mit dem Link, den Sie ändern möchten.
Klicken Sie auf "Format | CSS Styles |. Neu" aus dem Menü. Das heißt, klicken Sie auf das Menü „Format“ am oberen Rand des Dreamweaver-Fenster. Wenn ein Menü angezeigt wird, klicken Sie auf den „CSS-Stile“ -Zeile. Dies wird ein Untermenü erweitern. Klicken Sie auf „Neu“. Artikel in diesem Untermenü.
Ein Dialogfeld „Neue CSS-Regel“ berechtigt erscheint. Klicken Sie auf den Pfeil neben dem Dropdown-Feld unter „Selektor-Typ“. Ein Dropdown-Feld erscheint. Klicken Sie auf die Zeile „Verbindung (basierend auf Ihrer Auswahl)“.
Klicken Sie auf die Dropdown-Feld unter „Wahlnamen“ um es zu erweitern. Klicken Sie auf die „a: schweben“ Zeile in der Liste, die angezeigt wird. Wenn Sie es nicht sehen, scrollen Sie nach unten, bis Sie es finden. „: Hover ein“ Dreamweaver wird das Feld mit den Worten füllen. (Falls dies nicht der Fall, es bedeutet, dass Sie nicht die richtige Stelle in der Drop-Down-Box klicken haben. Versuchen Sie es erneut.)
Klicken Sie auf die Schaltfläche „OK“.
Das Dialogfeld wird Ihnen das Aussehen von Links, wenn eine Maus über sie schwebt. Insbesondere können Sie die Schriftart ändern (das "Font-Familie" Feld), die Schriftgröße (die "font-size" -Feld), ob der Link in fett angezeigt werden sollen (die "font-weight" Feld) oder Kursivschrift (die „Font-Stil“ Feld), hat einen Unterstrich (die „Unterstrich“ Checkbox) usw. Sie können auch die Farbe des Textes ändern sich, die „Farbe“ -Box mit (klicken Sie einfach auf den quadratischen Kasten neben „Farbe "öffnen Sie die Farbauswahl, von dem Sie eine andere Farbe für den Text wählen).
Um die Hintergrundfarbe der Verbindung zu ändern, das heißt, die Farbe, die unter dem Text angezeigt wird, klicken Sie auf die „Hintergrund“ Zeile in der linken Spalte des Dialogfelds. Wenn Sie das tun, sollten Sie in der Lage sein, eine „Hintergrundfarbe“ viereckiger Kasten, um zu sehen, die Sie mit dem Farbwähler offenbaren klicken.
Wenn Sie fertig sind die Hover-Farben zu ändern, klicken Sie auf die Schaltfläche „OK“. Das Dialogfeld wird ausgeblendet. Denken Sie daran, Ihre Änderungen zu speichern, indem Sie auf „Datei | Alles speichern“ aus dem Menü. Bemerke ich, sagte die „Save All“ aus dem Menü Datei zu verwenden und nicht die üblichen „Speicher“. Das liegt daran, dass, wenn Sie diese Farbänderungen vorgenommen, Dreamweaver Ihre CSS-Datei als auch modifiziert, so einfach Klick auf „Datei | Speichern“ werden alle Änderungen nicht erhalten.
Wie die Standardfarbe der Links ändern
Das obige Verfahren verändert nur die „schweben“ oder „Mouseover“ Farben. Wenn Sie die Standardfarbe Ihrer Links ändern wollen, das heißt, von der Standard-blau unterstrichener Text, nehmen die gleichen Schritte wie Sie zuvor. Doch statt einem Klick auf „ein: Hover“ aus dem „Selektor-Namen“ Klicken Sie im Menü „a: link“. Der Rest des Verfahrens ist das gleiche.
Link Farben und Usability
Hier sind Dinge, die Sie tun können, um die Benutzerfreundlichkeit Ihrer Links zu verbessern, wenn Sie wirklich die Standardfarben ändern müssen:
Versuchen Sie, Ihre Links unterstrichen zu machen. Die Unterstreichungen sind ein visueller Hinweis an den Benutzer, dass, was sie sehen ein Hyperlink ist. Nicht jeder wird diese Cue erkennen, though.
Die Mouseover-Farbänderungen können auch ein bisschen, um anzuzeigen, helfen, dass etwas wirklich ein Link. Wenn Ihre Besucher seine / ihre Maus über den Text bewegt, markieren Sie das Stück Text, indem Sie die Hintergrundfarbe ändern und macht den Text unterstrichen.
Es wird, wie auf der Seite erscheinen: