Länkarna blir större vid mouseover
2011-07-29 @ 14:28:29Hä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
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
Trackback