Hyperlink Funktion...

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Spite-Checker, 26. Januar 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 26. Januar 2006
    Kurze Frage...

    Ich suche nur kurz den QuellCode für die Hyperlink Funktion die es ermöglicht das ich, beim überstreifen der Maus über den den Hyperlink z.B Glühen sehe...

    Hatte es schonmal aber finde es nicht mehr...

    danke schonmal! :]
     

  2. Anzeige
  3. #2 27. Januar 2006
    ...falsche Area, das gehört in die Webtechnik. Naja, ich helfe mal trotzdem =P

    Das ganze musste mit CSS machen (Cascading Stylesheet)

    Habe dir mal 'n Code gemacht.

    Code:
    A:link {
    color: #FFFFFF;
    text-decoration:none; 
    font-weight:bold; }
    
    A:visited {
    color: #FFFFFF; 
    text-decoration:none; 
    font-weight:bold; }
    
    A:active {
    color: #FFFFFF; 
    text-decoration:none; 
    font-weight:bold; }
    
    A:hover {
    color: #ffffff; 
    text-decoration:none; 
    font-weight:bold; 
    cursor: crosshair; 
    background-color: #0099CC; }
    A:link bedeutet wenn ein Link gemacht wird (<a href=x>Link</a>), er diesen mit den CSS-Eigenschaften umbaut. Hier haben wir nun eingegeben das der Font weiß bleibt und er dick wird (bold).

    A:visited kommt wenn du den Link angeklickt hast und wieder zurück auf die Seite wo der Link stand kommst. Wir haben einfach die gleichen Eigenschaften reingetan wie bei einem Link, sieht einfach besser aus.

    A:active...nunja, weiss ich auch net wie ich das erklären soll, aber ist auch egal, mach einfach die gleichen Eigenschaften rein =O)

    Jetzt kommen wir zum eigentlichen Bestandteil zu dem Thema:
    Dem Hover!
    A:hover wird aktiviert wenn du über einen Link fährst. Hier habe ich eingegeben das ein anderer Cursor benutzt werden soll (crosshair ist ein Plus: +) und er leuchtet blau auf (background-color).

    Hoffe das ist Erklärung genug.
    Du kannst das Zeuch in einer neuen CSS Datei abspeichern und dann bei deiner HTML/PHP oder sonstigen Datei linken oder du steckst den Code in deine HTML Datei.

    Version I (muss über das </head>, ich machs meist unterm Titel [<title></title>]:
    Code:
    <link rel="stylesheet" href="linkzurcssdatei.css" type="text/css">
    Da musst du das Verzeichnis der css Datei ändern.

    Version II (musste an der gleichen Stelle wie Version I reinstecken, aber da schreibste den ganzen Code rein!):
    Code:
    A:link {
    color: #FFFFFF;
    text-decoration:none; 
    font-weight:bold; }
    
    A:visited {
    color: #FFFFFF; 
    text-decoration:none; 
    font-weight:bold; }
    
    A:active {
    color: #FFFFFF; 
    text-decoration:none; 
    font-weight:bold; }
    
    A:hover {
    color: #ffffff; 
    text-decoration:none; 
    font-weight:bold; 
    cursor: crosshair; 
    background-color: #0099CC; }
    Das kommt dann unter <title></title>

    ...sollt eigtl. klappen, wenn net einfach melden.

    PS: Kann das jemand verschieben?

    ~King-Gamer~
     
  4. #3 27. Januar 2006
    fetten respekt!!! danke schonmal und 10'er auf jeden!
     
  5. #4 27. Januar 2006
    -moved-
     
  6. #5 27. Januar 2006
    Du könntest es auch mit Javascript-Befehle machen durch mouse-over und dann mit 2 Bildern, das 2. Bild wäre dann eine Animation.
     

  7. Videos zum Thema
Die Seite wird geladen...