Friday, September 23, 2011

How to add a hover effect for links?

I just wanna know how people add colour change effects in the text for links and not spans. When a person moves the mouse over the link how do they change the link text color. Hope that you understood the query.

Thanks in advance.How to add a hover effect for links?you can use a style sheet.



%26lt;!--put this in the head--%26gt;

%26lt;style type=%26quot;text/css%26quot;%26gt;

a.yourlink:hover {

color:#33333;

}

%26lt;/style%26gt;



%26lt;!-- in the body your link --%26gt;

%26lt;a href=%26quot;#%26quot; class=%26quot;yourlink%26quot;%26gt;yourlink%26lt;/a%26gt;How to add a hover effect for links?A copy and paste from a section of one of my Stylish (Firefox addon) CSS scripts (moving the mouse over the link is called 'hover');



/*Linkerations */

a { color: #92CDFF !important; }

a:hover { color: #FFFF00 !important; }

a:visited {color:#63CE59 !important; }

a:visited:hover {color: #FFFF00 !important;}











Is that what you're after? Or do you mean HTML?How to add a hover effect for links?They use CSS. - What web editor are you using?



If it;s dreamweaver, simply go onto the 'page properties'. The basic options for hyperlink rollover colours are here...