BLOGGHJÄLP: Länkar

12

Jag känner mig givmild idag så jag tänkte hjälpa till med ännu en efterförfrågad sak; nämligen länkar.

Först vill jag bara klargöra:
a:link = Själva länken
a:visited = Länken när du besökt sidan en gång tidigare. Förmodligen vill du att denna ska ha samma färg som länken ovan så se till att de har exakt samma inställningar, annars blir det helt puckat 😉
a:hover = Länken när du för muspekaren över den.

TA BORT UNDERSTRYKNING
Gå in i design>stilmall.
Under body{ och över #wrapper{ finns koden för dina länkar. Den brukar oftast se ut någonting sånt här:

a {color: #CC00FF;}
a:hover {color: #000000;}

Ta bort det och ersätt det med:

a:link{color: #a6bdcf; text-decoration: none;}

a:visited{color: #a6bdcf; text-decoration: none;}

a:hover{color: #FFFFFF;}

a:active{text-decoration: none;}


BAKGRUNDSFÄRG PÅ LÄNKAR

Utgå från koden ovan, men skriv in background-color: #CCCCCC; i parentesen.


a:link{color: #a6bdcf; text-decoration: none; background-color: #CCCCCC;}

a:visited{color: #a6bdcf; text-decoration: none; background-color: #CCCCCC;}

a:hover{color: #FFFFFF; background-color: #CCCCCC;}

a:active{text-decoration: none;}


FET TEXT, STÖRRE STORLEK, ENDAST VERSALER
 
Har du förstått hur det fungerar ovan så ska det här inte vara så svårt.

Klistra in font-size: 13px; innanför parentesen efter a:hover och länken blir större när du har muspekaren på den.
Klistra in font-weight: bold; innanför parentesen om du vill att länken ska bli fet.
Klistra in text-transform: uppercase; om du vill att länken ska skrivas med versaler (stora bokstäver).

 

12 responses to “BLOGGHJÄLP: Länkar

  1. Elin! hjälp mig 🙂

    Jag har äntligen fått bort understrykningen, men nu är problemet att inte allt är i samma färg. länkarna, och kategorierna blir i en helt annan färg. Why?

  2. Hej! Jättebra guide. Har en liten fråga bara; Går det att ändra om länkarna endast i inläggen. Jag menar alltså om jag exempelvis länkar till dig i ett blogginlägg, kan jag ändra om just dessa länkar bara då?

  3. Tänkte bara fråga dig.

    tar du dig an om att göra en banner/ikon för ens egen blogg???
    Som man sedan kan lägga upp på Blogg-länkar-sidor och länka till min blogg…..

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *

This site uses Akismet to reduce spam. Learn how your comment data is processed.