• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Einfacher Hyperlink für Anfänger

FroeBe

Neues Mitglied
Hallo Zusammen,
ich benötige einen einfachen Hyperlink.

Dieser hier funktioniert bereits

<a href="http://test.de/"|>hier klicken für das Gaestebuch</a>


Brauche lediglich einen Hyperlink mit der Hover Effekt (der Satz wird dicker wenn man mit dem Mauszeiger darüber fährt) und eine andere Schriftfarbe, Schriftgröße.

Komme leider nicht weiter :- )

Wenn man weiß wie der html Code aufgebaut sein muss bestimmt nur eine Sache von 3 Minuten

Danke
 
muss dazu sagen ich habe keinerlei Ahnung von HTML oder CSS... :- (
Wie sieht der komplette Code zusammen mit dem Hover Effekt + anderer Schriftgröße, Schriftfarbe fertig aus?
 
HTML:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <style>
    a:hover {
      font-weight:bold;
      color:red /* Textfarbe von mir frei gewählt */
    }
    </style>
  </head>
  <body>
    <a href="http://test.de/">hier klicken für das Gaestebuch</a>
  </body>
</html>
 
Dann lernt man es! o_O
Jip :D
Und hier die erweiterte Version bzgl. der Hyperlink-Formatierung:
HTML:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <style>
    a:link, a:visited {
    color:black /* Textfarbe von mir frei gewählt */
    }
    a:focus,a:hover,a:active {
    font-weight:bold;
    color:red /* Textfarbe von mir frei gewählt */
    }
    </style>
  </head>
  <body>
    <a href="http://test.de/">hier klicken für das Gaestebuch</a>
  </body>
</html>
Die Details kannst du meinem empfohlenen Link entnehmen.
 
Super das funktioniert gut :- )
Nur eines fehlt noch. Die Farbe des Links was der User auf der Homepage sieht. Wie ändere ich diese? Wie auch die Schriftgröße? Wenn man über den Link mit dem Mauszeiger fährt stimmt alles.... Benötige nur die richtige "Optik" ohne dass man über den Hyperlink mit dem Mauszeiger fährt
 
Schriftgröße in CSS zB font-size:12px oder font-size:1em.

Also:
CSS:
a:link, a:visited {
  font-size:1em; /* Schriftgröße von mir frei gewählt */
  color:black /* Textfarbe von mir frei gewählt */
}
a:focus, a:hover, a:active {
  font-weight:bold;
  color:red /* Textfarbe von mir frei gewählt */
}

Bezüglich der Voreinstellungen siehe auch meinen zuletzt gezeigten Code (Stichwort :link u. :visited).
 
Zuletzt bearbeitet:
Zurück
Oben