WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Accespted Changing Link Color Mon Jan 11, 2010 1:15 am

Mario

Mario
Registered Member
Registered Member
Changing Link Color
Changing your link color to fit your forum/website.

Hello Everyone Very Happy

This is a very simple tutorial to change the color of your links to make your links fit with your style of the forum or website.


Enter this code into your HTML Page where the links are at.
You can change the font color by adding #009900 or what ever you wish to add.

Code:
<font color="Color Code">
<a href="URL OF Website">Name of the link you want to call it</a>
</font>

My Example of this code:

Code:
<font color="#009900">
<a href="http://webartz.forumotion.com">WebArtz</a>
</font>

Now Changing your link color by CSS

Code:
<style type="text/css">
<!--
a:link {color: #000000; text-decoration: underline; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #008000; text-decoration: underline; }
a:hover {color: #ff0000; text-decoration: none; }
-->
</style>

This code will change all the links on your CSS code.

Now what does a:link, a:visited, a:hover and a:active mean? They are really easy here they are below.

a:link unvisited link
a:visited visited link
a:hover mouse over link
a:active selected link

Notice : This tutorial is copyrighted by WebArtz Forum. You may not publish it on anywhere without written permission from the administrators.

View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum