Powered by Blogger.

MYSITE Headline Animator

Related Tags

Sunday, 2 January 2011

How to Remove Underline on the Text Link

to remove the underline in a text link, you only need to change some csscode on the control panel of bloggers, consider the example below, after see the example below I am sure you can practice it immediately.

a:link {
color:#58a;
text-decoration:underline;
}

a:hover {
color:#c60;
text-decoration:underline;
}

a:visited {
color:#969;
text-decoration:underline;
}


To be more clear, let me explain the code:

a:link {
color:#58a;
text-decoration:underline;
}

the meanning of code is -> the link text color is blue and underlined

a:hover {
color:#c60;
text-decoration:underline;
}

the link when highlighted by mouse ( on mouse down ), the color will change to dark blue and underlined.

a:visited {
color:#969;
text-decoration:underline;
}


the link, if it ever clicked by the same computer will be colored dark blue and underlined.
so, where is the code above that make the link become underlined? you can guessed it now:

decoration:underline;

the word underlined that make the link become underlined. if you don't want the text links underlined, just change all the word underline on this code with the word none, and the example code will be as below:

a:visited {
color:#969;
text-decoration:none;
}

From the description above, of course you can set the link text, whether you want a link underlined or not underline? Or maybe you want, if a link in the highlight by mouse ( on mous down ), there are underlined or not underline? and if a link had been visited or clicked, there are underlined or not underline? it is up to you as the blog owner


- to your blogging sucsess -

0 comments:

Post a Comment

Histats

alexa

Blog Directory

Technology Blogs
Technology online List of top Technology Blogs
OnToplist is optimized by SEO
Add blog to our blog directory. Page Rank Check

Followers

  © Blogger templates Newspaper III by Ourblogtemplates.com 2008

Back to TOP