Länk-inställningar
<a href="internet adressen">den synliga texten</a>
Om du vill att ENSKILDA/UTVALDA länkar skall ha en viss färg kan du ge dem en speciell klass, då gör du en ny i stilmallen.
Exempel för stilmallen:
.klassnamnet { color: #000000; } (svart färg)
.klassnamnet: hover { color: #ffffff; } (vit färg när du håller muspekaren över länken)
Exempel för kodmallen:
<a class="klassnamnet" title="titel" href="internet adressen">den synliga texten</a>
SÅ HÄR KAN DET SE UT I…
Kodmallen
<a class="länka" href="http://www.nordicfeel.se/">http://www.nordicfeel.se/</a>
Stilmallen
.länka { color: #000000; }
.länka: hover { color: #ffffff; } ___________________________________________________________________________________
BETYDELSER FÖR LÄNKARNA I KODMALLEN
class="länka" = klass-namnet som stilmallen styr. I stilmallen kan du styra länkarnas utseenden.
title="Nordicfeel" = texten som syns i gula rutan, som visas när man hållermuspekaren över länken
href="http://www.nordicfeel.se/" = internet adressen
target="_blank" = Länken öppnas i ett nytt fönster
Färdigt exempel
<a class="länka" title="Nordicfeel" href="http://www.nordicfeel.se/" target="_blank">http://www.nordicfeel.se/</a>
___________________________________________________________________________________
GÖR EN BILD TILL EN LÄNK
<a title="titel" href="internet adressen" target="_blank"><img src="adressen till din bild"></a>
___________________________________________________________________________________
TA BORT PRICKIG RAM
Ibland kan en av dina länkar få en prickig ram runt sig, efter att ha tryckt på den
För att slippa den fula ramen kan du skriva onfocus="blur()" i de länkar du vill slippa ramen
Exempel
<a onfocus="blur()" href="http://www.nordicfeel.se/">nordicfeel.se</a>
___________________________________________________________________________________
A:link används då man menar en länk som inte har använts
A:visited används då man menar en länk som har använts
A:active används då man menar en länk som är nedtryckt
A:hover används då man har muspekaren över länken
___________________________________________________________________________________
FÄRGER, UNDERSTRUKEN/EJ UNDERSTRUKEN - länk o.s.v.
a {
color: #000; (= färgen på länken är svart)
background: #fff; (= bakgrunden är vit)
font-family: verdana; (= typsnittet på texten/länken är verdana)
text-align: center; (= Länken är centrerad)
font-size: 12px; (= textstorleken)
width: 670px; (= bredden)
text-decoration:none;} (= utan understrykning)
a:hover {
color: #CCC; (= när muspekaren är på länken ändras färgen från svart till grå)
text-decoration:underline;} (med understrykning)