Kors som pekare
2010-05-12 16:30:38 DesignguiderJag fick en förfrågan av en läsare om hur man gör ett "kors" som pilpekare över länkar som jag har. Och det är klart att jag svarar! Undrar du något om design så ge min en kommentar så ska jag svara så gott jag jag! ^^
Det finns fyra ställen som är länkar i din blogg. Du måste leta upp dem och lägga in denna koden:
cursor:crosshair;
1. Gå in i din stilmall
2. Den första länktexten är för länkar i ditt inlägg.
Så här ser den ut:
a {
color: #000000;}
a: hover {color: #999999;}
Så här ska den se ut:
a {
color: #000000; cursor:crosshair;}
a: hover {color: #999999; cursor:crosshair;}
3. Leta upp länktexten för kommentarer, kategorier, trackbacks m.m.
Så här ser den ut:
.entrymeta a { color: #c9c9c9; }
.entrymeta a:hover { color: #FFFFFF }
Så här ska den se ut:
.entrymeta a { color: #c9c9c9; cursor:crosshair;}
.entrymeta a:hover { color: #FFFFFF; cursor:crosshair;}
4. Leta upp länktexten för länkar i menyn - kategorier, inlägg, arkiv m.m.
Så här ser den ut:
.nav a { color: #ffeedd; }
.nav a:hover { color: #000000; }
Så här ska set se ut:
.nav a { color: #ffeedd; cursor:crosshair;}
.nav a:hover { color: #000000; cursor:crosshair; }
5. Länktexten i headern - där ditt bloggnamn står
Så här ser den ut:
#header a {
color: #FFFFFF;
font-family: verdana, arial, sans-serif;
font-size: 14px;
}
Så här ska det se ut:
#header a {
color: #FFFFFF;
font-family: verdana, arial, sans-serif;
font-size: 14px;
cursor:crosshair;
}
Sådär! Nu har jag förklarat så gott jag kan. Är det något du inte förstår eller undrar om så fråga gära!
Det finns fyra ställen som är länkar i din blogg. Du måste leta upp dem och lägga in denna koden:
cursor:crosshair;
1. Gå in i din stilmall
2. Den första länktexten är för länkar i ditt inlägg.
Så här ser den ut:
a {
color: #000000;}
a: hover {color: #999999;}
Så här ska den se ut:
a {
color: #000000; cursor:crosshair;}
a: hover {color: #999999; cursor:crosshair;}
3. Leta upp länktexten för kommentarer, kategorier, trackbacks m.m.
Så här ser den ut:
.entrymeta a { color: #c9c9c9; }
.entrymeta a:hover { color: #FFFFFF }
Så här ska den se ut:
.entrymeta a { color: #c9c9c9; cursor:crosshair;}
.entrymeta a:hover { color: #FFFFFF; cursor:crosshair;}
4. Leta upp länktexten för länkar i menyn - kategorier, inlägg, arkiv m.m.
Så här ser den ut:
.nav a { color: #ffeedd; }
.nav a:hover { color: #000000; }
Så här ska set se ut:
.nav a { color: #ffeedd; cursor:crosshair;}
.nav a:hover { color: #000000; cursor:crosshair; }
5. Länktexten i headern - där ditt bloggnamn står
Så här ser den ut:
#header a {
color: #FFFFFF;
font-family: verdana, arial, sans-serif;
font-size: 14px;
}
Så här ska det se ut:
#header a {
color: #FFFFFF;
font-family: verdana, arial, sans-serif;
font-size: 14px;
cursor:crosshair;
}
Sådär! Nu har jag förklarat så gott jag kan. Är det något du inte förstår eller undrar om så fråga gära!