Alternative content

Get Adobe Flash player

Other Areas

Why You Need A Web site! Customer Testimonials E-mail Support Portfolio Scripts Links Section

Web Design Articles

PayPal Buy Now Beginner's Tutorial Search Engine Optimization Automatically Inserting the Current URL Into Forms Using Style Tags For Mouse over Link Effects Ecommerce Hosting - Free Isn't Always Best Free or Low Cost Ways to Promote Your Small Business Writing Web Copy That Sells

Other Related Links

PayPal Design Forum ePayment Developer Forum Low Cost Web Hosting Discount Web Hosting Web Design Affiliate Tracking Ad Management Banner Exchange PhotoSeller
PayPal Star Developer Award Winner 2005

Using Style Tags For Mouseover Link Effects

You can create special mouseover link effects by placing the following code between the <HEAD> and </HEAD> tags within your HTML code.

<STYLE>
<!--
A:active { color:#0000FF; text-decoration; }
A:hover { color:#FF0000; text-decoration: none; }
//-->
</STYLE>

In this example, the active text link is underlined with the color set to #0000FF. This will be the link color after a link is clicked on. The hover color is set to #FF0000. When the mouse is placed over the link, the text color will change and the underline disappears.

If you would like to display your link in a color other than the default, place the following code within your <BODY> tag. If you try to change the link color using <FONT> tags, your <STYLE> tags will not function properly.

<BODY link="#0000FF">

Edit the color code to suit your needs.

Copyright © Shelley Lowery