Knowledgebase
How can I change the style of LinkWords Hyperlinks?
Posted by - NA - on 03 January 2007 12:09 AM

LinkWords hyperlinks can be changed to suit the look and feel of your website.

Find the LinkWords <Style> code that you were given at the time you setup LinkWords on your pages. It should be located right before the </body> tag and look something like this:

<style>
.lw_cad_link:link {
text-decoration: underline;
border-bottom: 1px double;
}
.lw_cad_link:visited {
text-decoration: underline;
border-bottom: 1px double;
}
.lw_cad_link:hover {
text-decoration: underline;
border-bottom: 2px double;
}
</style>

The style
.lw_cad_link:link controls the color and underlines of the hyperlink that will be displayed to visitors surfing your website.

Some CSS styles that you can modify are listed below:

color: #FF0000; /* Changes the Text Color of the hyperlink to Red */
text-decoration: none; /* Removes the First Underline from the hyperlink */
border-style: none none dotted none; /* Makes the second underline a dotted line */
border-color: #FF0000; /* Changes the Text Color of the bottom underline to Red */
border-top: 1px double; /* Adds a line above the hyperlink ; note that you must add a 'top' style to the border-style element to make this visible, i.e. border-style: dotted none dotted none; */

These and other style changes can also be applied to the .lw_cad_link:visited and .lw_cad_link:hover style elements.

To find more CSS style commands and syntax, visit : http://www.javascriptkit.com/dhtmltutors/cssshorthand.shtml .

(2592 vote(s))
This article was helpful
This article was not helpful

Comments (0)
Post a new comment
 
 
Full Name:
Email:
Comments:
Help Desk Software by Kayako help.linkworth.com/index.php?