Bro-hoes.com

Link hover effects

When your mouse hovers over a text link, a certain effect happens.
Paste the code you want into your "About Me" section.

1. links change color on mouseover
<style type=text/css> a:hover {color:COLOR HERE;}</style>
*Replace COLOR HERE with desired color (ex: 000000 or ff0099)

2. underline links on mouseover
<style type=text/css> a:hover {text-decoration:underline;}</style>

3. overline links on mouseover
<style type=text/css> a:hover {text-decoration:overline;}</style>

4. underline & overline links on mouseover
<style type=text/css> a:hover {text-decoration:underline overline;}</style>

5. ~~strikeout~~ links on mouseover
<style type=text/css> a:hover {text-decoration:line-through;}</style>

6. bold links on mouseover
<style type=text/css> a:hover {font-weight:bold;}</style>

7. make links UPPERCASE on mouseover
<style type="text/css"> a:hover {text-transform: uppercase;}</style>

8. make links lowercase on mouseover
<style type="text/css"> a:hover {text-transform: lowercase;}</style>

9. put it all together
<style type="text/css"> a:hover {font-size: FONT SIZE HERE; color: FONT COLOR HERE; font-family: FONT NAME HERE; font-weight: FONT WEIGHT HERE; text-transform: TEXT TRANFORM HERE; text-decoration: TEXT DECORATION HERE;}</style>
*Replace FONT SIZE HERE with desired size (ex: 8pt or 11px)
*Replace FONT COLOR HERE with desired color (ex: 000000 or ff0099)
*Replace FONT NAME HERE with desired font name (ex: arial or impact)
*Replace FONT WEIGHT HERE with desired font weight (ex: normal or bold)
*Replace TEXT TRANSFORM HERE with desired text transform (ex: lowercase or none)
*Replace TEXT DECORATION HERE with desired text decoration (ex: underline or overline)