This is simple tutorial on how to create simple hover-changing link text. This text is used on thousands of sites, including GFXVoid Forums (just hover your mouse over a link and see it change colors). Insert the below code between </head> and <body>
a:link: The color the link is without hovering.Code:<style type="text/css"> <!-- a:link { color: red; } a:visited { color: red; } a:hover { color: blue; } [FONT=Courier]a:active[/FONT] { color: red; } --> </style>
a:visited: The color the link is after the user visits it.
a:hover: The color the link is as the user hovers the mouse over it
a:active: The color the link is as the mouse is clicking it (try holding down the mouse instead of quickly clicking).
You can replace the red and blue with hex color code (ie: #00000). Here is an example of the above script inserted into a simple site.
If you enjoyed this tutorial, we encourage you to register and make an introduction!
Reply With Quote
for that
