Diary Miss Domain Reviews Exit

News

Jules im Kino
Wishes

Currently

07.06.2oo9
müde
bewölkt
Frühstück
Biss zur Mittagsstunde
Charmed Season 1
-

Juni

M T W T F S S
1 2 3 5 6 7
8 9 11 12 13 14
15 16 18 20 21
22 23 24 25 26 27 28
29 30

Linkeffekte

Das kommt entweder in deinen Stylesheet oder in den head-Bereich:
<style type="text/css"> A:link{COLOR: #000000; TEXT-DECORATION: none} A:visited{COLOR: #000000; TEXT-DECORATION: none} A:active{COLOR: #000000; TEXT-DECORATION: none} A:hover{COLOR: #000000; TEXT-DECORATION: none} </STYLE>
Erklärung:
A:link So sieht dein Link aus
A:visited So sieht der Link nach dem Anklicken aus
A:active So sieht der Link beim Anklicken aus
A:hover So sieht der Link beim Drübergehen aus

Erstmal kann man natürlich die Farbe verändern, zusätzlich gibts aber auch noch verschiedene Effekte [siehe Auflistung], diese fügt ihr dann statt "none" bei Textdecoration ein.
TEXT-DECORATION: line-trough; Link ist durchgestrichen
TEXT-DECORATION: underline; Link ist unterstrichen
TEXT-DECORATION: overline; Link ist überstrichen
TEXT-DECORATION: underline overline; Link ist unter- & überstrichen

Wenn ihr hinter TEXTDECORATION:none noch ein ; setzt, dann könnt ihr noch andere Effekte benutzen:
font-weight:bold; fett
font-weight:italiv; kursiv
font-weight:normal; normal
font-seize: 10px durch ändern der Zahl kannst du die Schriftgröße ändern

text-transform:uppercase; Link erscheint komplett in Großbuchstaben
text transform:lowercase; Link erscheint komplett in Kleinbuchstaben

background-color: #ffffff; der Link bekommt einen farbigen Hintergrund
background-image: URL; der Link bekommt ein Hintergrundbild

filter:dropshadow(color=#000000,offX=1,offY=1); height:8pt; dein Link bekommt einen Schatten
filter:mask; height:0; dein Link wird transparent
filter:invert(); height:0; dein Link erhält die Gegenteils-Farbe (Bsp.: statt weiß wird er schwarz)
filter:blur; dein Link wird verschwommen
filter:glow(color=#000000, strength=5); height:0; dein Link glüht [Farbe kann man dann einstellen]
filter:fliph; height:0; dein Link wird gespiegelt
filter:flipv; height:0; dein Link steht auf dem Kopf

border-bottom:1px solid #000000; Linie unter deinem Link
border-right:1px solid #000000; Linie rechts neben deinem Link
border-left:1px solid #000000; Linie links neben deinem Link
border-top:1px solid #000000; Linie über deinem Link
border:1 solid; border-color:#000000; dein Link bekommt einen Kasten um sich herum
border:1 dotted; border-color:#000000; dein Link bekommt einen gepunkteten Kasten um sich herum
border:1 dashed; border-color:#000000; dein Link bekommt einen gestrichelten Kasten um sich herum
dotted und dashed kannst du auch schon bei den oberen 4 Effekten einfügen, dann bekommst du z.B. eine gestrichelte Linie rechts neben deinem Link



© by envoutant.org