Tuesday, 25 March 2008

The link hover effect (From My Reader's Emails)


This is about your absolutely wonderful A day Without Chocolate template.

I'll take the liberty of asking you a favour. Is there some way I could use the link-hover effect in that template on my blog? Just that.

It would be great if you could help.



Sanyukta, that is a easy little bit of code to do. Go to your template and find this bit of code:
a:hover {
color:$titlecolor;
text-decoration:none;
}
Replace it with this code:
a:hover {
background-color: #FADADD;
color: #987654;
text-decoration: none;
}
You will probably want to change the colors. #FADADD is the color behind the text and #987654 is the text color. If you need help with finding the right color, I have several links in my sidebar under +/- Graphics, including 500+ Colours which is a good place to start. If you need to change any of the other aspects of the link, like the link color or the visited link color, do so in the Dashboard | Layout | Fonts and Colors area.

post signature

No comments:

Post a Comment