WS4 Fun with links

Fun with Links: Color & effects

That code has priority,
so change your sites or pages most used link colors in web studio.
We are going to change these and make what is called a class file.
This will over ride those links. Keep them in order LVHA (LoVeHAte)
links visited hover active

Want to have the links do different effects on the same page? This for example is this pages default: Link to King of Crown .com See how it turns white on mouseover?

Push the above button to view this pages source code, and look for this:

CHANGING LINK COLORS
<STYLE TYPE="text/css">
a. nav : link         {color: white ;}
a. nav : visited    {color: yellow ;}
a. nav : hover       {color: #fdbe02 ; border: 1px solid gold; background-color: #11400b ;}
a. nav : active      {color: white ;}
</STYLE>

Left would be the settings in the
page MENU ,
page PROPERTIES

The change link colors in action:
This is a link to this tutorial in the advanced section on the web studio forum

nav is the "class" name
link is the color of the linked text
visited is the color of the visited link
#fdbe02 or yellow is the colors you will want to use
hover is the color of the link on mouseover
border: 1px solid gold; border size type and color
background-color: #11400b the background color
active is when the link is pressed on

Copy the above and paste it into your pages header it will look like below

class="nav"

To place the "class file" into your text object right click on your text in web studio and select edit HTML source copy this:

<P>
<FONT color=#fdbe02>
<A class=nav title="Link to the forum tutorial on changing individual link colors" href="http://www.webstudioforum.com etc. etc. etc.

Paste it in after the <A and before either href= or title= like below: