Länkarna blir större vid mouseover

2011-07-29 @ 14:28:29
Här kommer ett tips om hur man gör så att länkarna ökar i storlek när man drar musen över dem.

1. Gå in på stilmallen

2. bläddra ner till
a {color: #303030;text-decoration:none;}
a:hover {color: #ffffff;text-decoration:none;}

3. klistra in den här koden i slutet av den koden


så att det ser ut såhär:

a {color: #303030;text-decoration:none;}
a:hover {color: #ffffff;text-decoration:none; font-size: 16px;}

3. sen så lägger du in den koden likadant efter

.h { color: #303030;text-decoration:none;}
.h a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}

OCH

.nav a { color: #303030;text-decoration:none;}
.nav a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}

OCH

.entrymeta a { color: #303030; text-decoration:none;}
.entrymeta a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}

OCH


.commentmeta a { color: #393939; text-decoration:none;}
.commentmeta a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}

sedan kan du ändra det här om du vill:
font-size: 16px
16px är själva storleken, så om du tar lägre så blir det mindre och om du tar högre så blir det större:)
Ändra till vilken storlek du vill ha!

Sen är det bara att spara:)
Kolla sedan så att allt stämmer:D
Kram
Amanda

Kommentarer

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
RSS 2.0