Länk-inställningar

LÄNKA TILL EN INTERNET-SIDA
<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)