TechieDrill » color http://techiedrill.com Your World Of Technical Tutorials Tue, 05 Jan 2010 16:50:11 +0000 http://wordpress.org/?v=2.8.5 en hourly 1 How to get Text Link With Mouseover Colored Text? http://techiedrill.com/2009/11/how-to-get-text-link-with-mouseover-colored-text/ http://techiedrill.com/2009/11/how-to-get-text-link-with-mouseover-colored-text/#comments Tue, 10 Nov 2009 13:57:17 +0000 Venkatesh Viswanathan http://techiedrill.com/?p=128 To get the Text Link With Mouseover Colored Text you have to do is just simply add the CSS code as shown.

<style type=”text/css”>
<!–
A:hover { color: #000 }
–>
</style>

The CSS code is to be  added in the Head section of your script.

Say for Eg:

<html>
<head>
<title>Text Link With Mouseover Colored Text</title>
<style type=”text/css”>
<!–
A:hover { color: #000 }
–>
</style>
</head>
<body>
<center>
<a href=”Url here”><b>Text Link With Mouseover Colored Text</b></a>
</center>
</body>
</html>

displays you the link “Text Link With Mouseover Colored Text”  With Mouseover Colored Text as shown below





Text Link With Mouseover Colored Text


]]> http://techiedrill.com/2009/11/how-to-get-text-link-with-mouseover-colored-text/feed/ 0 How to add Background Color Highlight in Text Link? http://techiedrill.com/2009/11/how-to-add-background-color-highlight-in-text-link/ http://techiedrill.com/2009/11/how-to-add-background-color-highlight-in-text-link/#comments Tue, 10 Nov 2009 13:27:01 +0000 Venkatesh Viswanathan http://techiedrill.com/?p=123 You can add Background Color Highlight in the Text Link by using the CSS code
A:hover { color: some color; background-color: some color; }
You have to add the CSS code to your script in the Head section

<style type=”text/css”>
<!–
A:hover { color:#000; background-color:#F00; }
–>
</style>

By adding the CSS code you can add Background Color Highlight in Text Link.

Say for Eg:

<html>
<head>
<title>Text Link With Background Color Highlight</title>
<style type=”text/css”>
<!–
A:hover { color:#000; background-color:#F00; }
–>
</style>
</head>
<body>
<center>
<a href=”Url here”><b>Text Link With Background Color Highlight</b></a>
</center>
</body>
</html>

displays you the link “Text Link With Background Color Highlight” With Background Color Highlight as shown below





Text Link With Background Color Highlight


]]> http://techiedrill.com/2009/11/how-to-add-background-color-highlight-in-text-link/feed/ 0