07 October, 2009

How to make your all links changes [ Mouseover Link Effects]

Adding hovering effect to all links on your blog.
What is hovering effect?
For a newbie point of view,changing the characteristics of Link when a mouse moves over  link.
Search google for more.

All u have to do is play with below code.
<style>
a:hover{color:blue; font-weight:bold;  font-style:italic; text-decoration:underline; text-transform:uppercase; font-size:14; background-color:yellow; }
</style>



Play how??

Change attributes according to your need.
Above image is the hovering  of my blog.
color:blue - change color to any.use html colour codes to select best colour for your blog.
 font-weight:bold -add this if u want the link to get bold on hovering else remove it.
  font-style:italic; -same with italics(remove the entire codefont-style:italic;)
text-decoration:underline; -make your link go underline
text-transform:uppercase; -add this if u want your link to convert to uppercase.
font-size:14;-change the font of the color.
background-color:yellow;-change the background color of your link.


Note:remove the entire statement including semicolon(color:blue;) if u dont want any characteristics.

I know it may be difficult for some user to edit.Try and Try if u still have any problem drop your comments here.or contact me personally


If u like my post ,subscribe to our feeds  and recieve latest update directly in mailbox.



Subscribe to Comments
Subscribe to Posts

No comments:

Post a Comment


Spam/advertising comments will NEVER BE TOLERATED and will be deleted immediately!

I advise you to also "subscribe to the comment feed" and get email updates when I respond to your question.
Thanks for reading,
Admin