För att ändra färger på dina länkar krävs lite pyssel. Det finns länkar i dina inlägg och i menyn och dessa styrs av olika kodsnuttar i din stilmall. Först går jag igenom vad du kan ändra i koden för dina länkar genrellt.

a {color: #999999;} (Koden för hur din länk ser ut som standard)
a:hover {color: #80FF9F;} (Koden för hur din länk ser ut när någon för musen över den)
a:visited {color: #80FFFF;} (Koden för hur en redan besökt länk ser ut)

I fallet ovanför så är det endast textfärgen som definieras. Utöver detta kan man också till exempel ange följande:

• Bakgrundsfärg. Kod: background-color: #FFFFFF;
• Text-dekoration. Gör länkarna understrukna, feta eller ingenting. Kod: text-decoration:underline;
• Typsnittet. Du kan enkelt ändra typsnittet med foljande kod: font-family: arial, verdana, sans-serif;
• Ramar – Du kan självklart lägga till ramar runt, under, över eller bara på vänster sida om dina länkar! Kod: border-bottom: 1px solid #bc7114;a;

1. Att ändra länkarna i din meny.
Leta reda på koden som ser ut ungefär så här och gör dina ändringar.

.nav a { color: #000000; }
.nav a:hover { color: #ED6EA3; }

Till exempel:

.nav a {
color: #d61b03;
font-family: ‘Trebuchet MS’, Verdana, sans-serif;
font-size: 12px;
background-color: #FFFFFF;
text-decoration:bold;
}

.nav a:hover {
color: #FFFFFF;
text-decoration:bold underline;
background-color: #7a1001;
}

Resultatet:

2. Att ändra länkarna i dina inlägg.
Leta reda på koden som ser ut ungefär så här och gör dina ändringar.

a {color: #999999;}
a:hover {color: #80FF9F;}

Här ett exempel på vad man kan hitta på:

a {
font-weight: normal;
color: #0066cc;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #336699;
}
a:hover {
color: #fff;
background: #448bd6;
text-decoration: none;
}

Resultatet:

3. Att ändra länkarna för datum, kommentarlänkar, permalink, mfl.
Leta reda på koden som ser ut ungefär så här och gör dina ändringar.

.entrymeta a { color: #E04201; }
.entrymeta a:hover { color: #80FF9F; }

Här ett exempel på vad man kan hitta på:

.entrymeta a {
color: #57EA01;
border-bottom: 1px dotted #FF66FF;
text-decoration: none;
}
.entrymeta a:hover {
color: #FF66FF;
border-bottom: 1px dotted #57EA01;
background-color: #fff;
}

Resultatet: