Einfache Link-Effekte



Um eure Linkeffekte zu ändern, nehmt einfach den folgenden Code und fügt ihn in den head-Bereich ein.



Erklärungen:
A:link = Der Link, in seiner Standardposition. D.h der Cursor hat ihn weder berührt noch geklickt
A: visited = Der Link, nachdem er geklickt worden ist
A:active = Der Link, kurz nachdem er geklickt worden ist.
A:hover = Der Link bei Mausberührung


TEXT-DECORATION-Effekte
text-decoration:underline; - Der Link ist unterstrichen
text-decoration:underline overline; - Der Link ist unterstrichen und gleichzeitig ist ein Strich über dem Link
background-color:#deineWunschfarbe; - Der Link hat eine Hintergrundfarbe
text-decoration:line-through; - Der Link ist durchgestrichen
text-decoration:overline; - Über dem Link ist ein Strich


Weitere Effekte
border:1 solid; border-color:#deineWunschfarbe; - Ein Rahmen in deiner Wunschfarbe um den Link

border:1 dashed; border-color:#deineWunschfarbe; - Ein gestrichelter Rahmen in deiner Wunschfarbe um den Link

border-bottom:1 dashed #deineWunschfarbe; - Eine gestrichelte Linie in deiner Wunschfarbe unter dem Link

border-bottom:1 solid #deineWunschfarbe; - Ein durchgehnder Strich in deiner Wunschfarbe unter Links und Bilder.

filter:fliph; height:0; - Links in Spiegelschrift

filter:flipv; height:0; - horizontale Links

height:0;color:deinefarbe; filter:wave(add=0,phase=4,freq=5,
strength=2); - Ein Link in deiner Wunschfarbe in Wellenform

filter:dropshadow(color=deinefarbe,
offX=1,offY=1); height:7pt; - Der Link hat einen Schatten in deiner Wunschfarbe

filter:blur(add="0",direction="180",
strength="2"); height:0; - Der Link verwischt

text-transform:capitalize - Verwandelt den ersten Buchstaben deiner Links in einen Großbuchstaben

text-transform:uppercase - Verwandelt die ganzen Buchstaben deines Links in Großbuchstaben

text-transform:lowercase - Verwandelt die ganzen Buchstaben deines Links in Kleinbuchstaben

font-size:?pt - Verändert die Größe des Links (ersetze das ? durch eine Zahl (8,10,12)

font-weight:bold; - Link wird fett

font-weight:italic; - Link wird kursiv

font-weight:normal; - normale Breite

background: url('bild_name.gif'); - Hinter dem Link erscheint dein Gif (z.B. Bildrauschen etc. - Glitzer ist auch schön ;D )

< back