Decorate your text links - remove underlines and more

Here are some nifty tips for you to use on your webpage. Why settle for plain ol links when you can decorate them? Try them out for yourself…

Put the following script inbetween your header files on the page(s) you’d like to use it on –> like this: <head>place it in here</head>

Code:

The above code will only remove all underlines from your text links.

You can also use other decorations as well, like the following below. Just replace

A:link {text-decoration: none}

in the above code with any of the following.

A:link {text-decoration: blink}

This one will make the text links blink

A:link {text-decoration: line-through}

This one will place a line through every text link

A:link {text-decoration: overline}

This one will place an overline above all text links

A:link {text-decoration: underline}

This one is with all underlined text links

There are many other decorations you can give your text links as well.
You can make the color change on hover, you can make them bold on hover, you can make them change color when visited, etc. etc.

Here is a piece of code you can use to work with.

Code:

Just change the attributes to suit your particular needs. If you need more color codes, please go here: Our Color Chart. The font family is the text style like you may have used when sending email. The size: That’s obvious The text decoration options are outlined in detail in the beginning of this post –> Many to choose from there. The font weight is only necessary if you are using bold or italic –> not necessary for normal text.

If you use the code above and would like to link to us, we’d appreciate it very much.