Author's Comments
Look carefully for specific instructions
Okay, here are VARIOUS types of hovers that I see people ask for.
Edit your needs! Colour, cursor, text-transform, font
Underline, slashed (Asked often)
Overline, slashed
Two sides, left and right, solid
(In test site up there)
That's it. If more requested.. I'll post'em up again. :happy
Edit your needs! Colour, cursor, text-transform, font
Underline, slashed (Asked often)
<style type="text/css">
a:hover {
border-bottom: 1px dashed #ff0000;
color: #ff0000;
font: vernada 8pt;
text-decoration: none;
cursor: crosshair;
text-transform: uppercase;
}</style>
a:hover {
border-bottom: 1px dashed #ff0000;
color: #ff0000;
font: vernada 8pt;
text-decoration: none;
cursor: crosshair;
text-transform: uppercase;
}</style>
Overline, slashed
<style type="text/css">
a:hover {
border-top: 1px dashed #ff0000;
color: #ff0000;
font: vernada 8pt;
text-decoration: none;
cursor: crosshair;
text-transform: uppercase;
}</style>
a:hover {
border-top: 1px dashed #ff0000;
color: #ff0000;
font: vernada 8pt;
text-decoration: none;
cursor: crosshair;
text-transform: uppercase;
}</style>
Two sides, left and right, solid
(In test site up there)
<style type="text/css">
a:hover {
border-left: 1px solid #ff0000;
border-right: 1px solid #ff0000;
color: #ff0000;
font: vernada 8pt;
text-decoration: none;
cursor: crosshair;
text-transform: uppercase;
}</style>
a:hover {
border-left: 1px solid #ff0000;
border-right: 1px solid #ff0000;
color: #ff0000;
font: vernada 8pt;
text-decoration: none;
cursor: crosshair;
text-transform: uppercase;
}</style>
That's it. If more requested.. I'll post'em up again. :happy
Script Comments
No comments yet. Be the first one to comment!
Script Details
| Author |
lovescream
|
| Submitted on | Mar 2, 2006 |
| Page views | 24,212 |
| Favorites | 7 |
| Comments | 0 |