Blogg

Det finna olika typer utav länkar i bloggen. I stilmallen sätter du "utseendet" på dina länkar. Bilden för klarar vart de finns:



1. Länkar i ett inlägg
2. Länkar i entrymenta, dvs. permalink, kommentarer, kategori och trackbacks
3. Länkar i menyn
4. Länkar i headern (bloggnamnet)


1. Länkar i inlägg
Såhär ser den länken ut i stilmallen

a {
color: #C9C9C9; } <--------Här ändrar du färgen på själva ordet som är länkat (på bilden är det ljusgrått)
a:hover {color: #000000 } <-- Här ändrar du hur texten på länken ser ut när du håller över muspekaren



2. Länkar i entrymenta
Såhär ser den länken ut i stilmallen

/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;  <------------ Här ändrar du Textsnittet
font-size: 10px; <---------------- Här ändrar du Storleken
font-weight: normal; <---Här ändrar du om du vill ha normal, fet eller kursivtext ( Bold=Fet Italic=Kursiv)
color: #666;
text-align:right;<--- Här ändrar du vars texten ska ligga (Right=Höger, Left=Vänster, Center=Centrerat)
}

.entrymeta a { color: #E04201; } <------------Här ändrar du fägen på ordet som är länkat
.entrymeta a:hover { color: #80FF9F; } <---- Här ändrar du färgen på länkningen när du håller över musen


3. Länkar i menyn
Såhär ser den länken ut i stilmallen

.nav {
font-family: verdana, arial, sans-serif; <------------ Textsnitt
font-size: 11px; <----------- Text Storlek
font-weight: bold; <------------ Om du vill ha normal, fet eller kursiv text (bold=fet, italic=kursiv)
}

.nav ul {
padding: 0px 0px 6px;
font-weight: normal;
margin: 0px;
}
.nav li {
list-style: none;
padding: 0px 0px 2px;
font-weight: normal;
margin: 0px;
}
.nav a { color: #000000;text-decoration:none;} <------------- Text Färg på det länkade ordet
.nav a:hover { color: #c90000;text-decoration:underline;} <----------------- Text Färg när du håller över muspekaren


Såhär ser länken ut i stilmallen

#header a {
color: #000;
text-decoration: none;
font family; arial, verdana; <----------- Här är textsnittet
font-size: 10px; <--------------Storleken på texten
font-weight: normal; <---------- normal, fet eller kursiv text (bold=fet, italic=kursiv)
}

---

Om du inte vill ha den länkade texten understryken så lägger du till text-decoration: none; efter den angivna färgen:

Före
a {
color: #A12573;
}

Efter
a {
color: #A12573; text-decoration: none;
}

---

Om du vill ha en bakgrunt på Hovern (Då man har muspekaren på Länken, som bilden längst upp) då ska du lägga till:

Background: #?????? ; efter Color; #80FF9F Så det ser ut på detta viset:

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