Mouse over effect
This is so simple and can found thousand places but I tried to make it more easier who doesnt know the different between <asp:linked button> or anchor.
Copy below code in your ASPX page.
<table width=”50%” border=”1″ cellspacing=”0″ cellpadding=”0″>
copy below code in your CSS
.topmenulink
{
font-family: tahoma;
font-size: 13px;
font-weight: normal;
color:Blue;
text-decoration: none;
}
.topmenulink:hover
{
font-family: tahoma;
font-size: 13px;
font-weight: normal;
color: Blue;
text-decoration: none;
background-color: Khaki;
}
Note: you can change color scheme as per your site theme.
YOU CAN DOWNLOAD SAMPLE PROJECT HERE
I have used above ResolveURL Method,Just to give hint if you are using MASTER Page, then its recommendable to use ResolveURL to avoid any Warning or Problem.
If you want to how the hyperlink on the complete Button instead of TEXT then bring anchor link tag outside <TD> tag
<table width=”50%” border=”1″ cellspacing=”0″ cellpadding=”0″>
Enjoy
Joggee
It’s ugly, really ugly way to make a buton with rollover effect. You should read this blog : http://css-tricks.com/
Cheers,
S
Thanks for the post. Poznovatelno.
Thanks for keeping it here, i needed it…
