[*]Using standard html
Code: Select all
<a href="https://robot.lk"><font color="#009900">ROBOT.LK Forum</font></a>
With CSS you can do so many things in addition to changing colour. You can remove the underline if you like and give a different colour when mouse hover on it, etc...
You need to add this code somewhere in you html file. If you use a CSS file, you can add it straight away to that.
Code: Select all
<style type="text/css">
<!--
a:link {color: #0000ff; text-decoration: underline; }
a:active {color: #00ff00; text-decoration: underline; }
a:visited {color: #008000; text-decoration: underline; }
a:hover {color: #ff0000; text-decoration: none; }
-->
</style>
You can try following link to see the colour now.
Code: Select all
<a href="https://robot.lk">ROBOT.LK Forum</a>
If you need just one link to appear in the colour you set, you can use following code.
Code: Select all
<style type="text/css">
<!--
a.mylink:link {color: #0000ff; background: #ffffff; font-weight: bold;}
a.mylink:active {color: #0000ff; background: #ffffff; font-weight: bold;}
a.mylink:visited {color: #0000ff; background: #ffffff; font-weight: bold;}
a.mylink:hover {color: #0000ff; background: #ffffff; font-weight: bolder;}
-->
</style>
Code: Select all
<a href="https://robot.lk" class="mylink">ROBOT.LK Forum</a>
Code: Select all
<a style="color: #800000; text-decoration: none; background: #80FF80" href="https://robot.lk" >ROBOT.LK Forum</a>
Hope you get the full idea now!