Thursday, October 13, 2016

How to Remove Underline on the Text Link

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 dont 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 -

Go to link Download

No comments:

Post a Comment