Project Template - Linkit

Löydät koodin alusta tämännäköisen rivin, joka määrittelee miten linkit käyttäytyvät:

a:link, a:visited, a:active {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}

Ylempi rivi kertoo, että linkki on vierailtuna ja aktiivisena musta. Alempi rivi taas kertoo, että kun hiiren pistää linkin päälle se alleviivautuu ja on edelleen musta. Voit muokata linkkejä näin: Vaihda sinisien kohtien paikalle haluamasi värikoodit. Vihreiden kohtien päälle voit laittaa haluamasi "erikoistehosteen". Valitse näistä:

none (ei mitään tehostetta)
underline (alleviivaa linkin)
overline (tekee viivan linkin yläpuolelle)
line-through (yliviivaa linkin)

Kun selaat koodia alaspäin, löydät myös nämä:

.title a:link, .title a:visited, .title a:active {color: #000000; text-decoration: none;}
.title a:hover {color: #000000; text-decoration: underline;}

Tämä on kuollutta painoa, sillä mikäli olet noudattanut ohjeita, blogilta on poistettu otsikko. Mikä tarkoittaa sitä, että otsikon käyttäytymistä ei tarvitse määritellä. Halutessasi voit poistaa koko osion.

.side a:link, .side a:visited, .side a:active {color: #000000; text-decoration: none;}
.side a:hover {color: #000000; text-decoration: underline;}

Tämä määrittelee sivupalkin linkit samalla tavalla kuin aikaisemmin. (Mikäli olet laista ja haluat samanlaiset linkit kaikkialle, voit poistaa koko osion.)

Advanced

Mikäli haluat määritellä linkkejä astetta tarkemmin, voit laittaa ensimmäisen linkkiosion tilalle alla olevan koodin (ilman suluissa olevaa mustaa tekstiä!) ja poistaa "title" ja "side" linkkiosiot pois häiritsemästä.

a:link { (linkki ennen kuin siihen on koskettu)
font-weight : bold;
text-decoration: none;
color: #000000;
background: transparent;
}

a:visited { (vierailtu linkki)
font-weight : bold;
text-decoration: none;
color: #000000;
background: transparent;
}

a:hover { (linkki kun sen päällä pidetään hiirtä)
font-weight: bold;
text-decoration: underline;
color: #000000;
background: transparent;
}

Vihreällä merkitty: kuten ylempänä
Sinisellä merkitty: kuten ylempänä
Lilalla merkitty: Tämä on linkin taustaväri. Alkuasetuksena on siis "läpinäkyvä", mutta voit laittaa sen paikalle haluamasi värikoodin tähän tapaan. background: #3BC390;
Violetilla merkitty: Voit laittaa siihen jonkin näistä:

normal
bold
bolder
lighter
100-900 (valitse luku tältä väliltä)

Mikäli et halua käyttää jotakin ominaisuutta, kuten esimerkiksi viimeksi mainittu "font-weight", voit yksinkertaisesti poistaa kyseisen rivin koodista tähän tapaan:

a:active {
text-decoration : none;
color: #000000;
background: transparent;
}

PS: Mikäli haluat käyttää ensimmäistä tapaa, mutta haluat kuitenkin linkillesi taustavärin:

a:link, a:visited, a:active {color: #000000; text-decoration: none;}
a:hover {color: #000000; background-color: #000000;}

tai

a:link, a:visited, a:active {color: #000000; text-decoration: none;}
a:hover {color: #000000; background-color: #000000; text-decoration: underline;}