Friday, June 3, 2011

How do make this website link change color?

http://www.acnenomore.com/affiliateresources/index.htm



If you take a look at the above webpage, the internal links are blue. But when you just put your mouse cursor over it... then it goes red.



How do they do that?



I know how to make basic static websites using Frontpage but it doesnt have that hyperlink color change feature anywhere. I want to learn Dreamweaver but not sure if the program does that function.



Can anyone shed some light on how I can do this?How do make this website link change color?You may not know it, but a link has four different states that it can be in. CSS allows you to customize each state. Please refer to the following keywords that each correspond to one specific state:



* link - this is a link that has not been used, nor is a mouse pointer hovering over it

* visited - this is a link that has been used before, but has no mouse on it

* hover - this is a link currently has a mouse pointer hovering over it/on it

* active - this is a link that is in the process of being clicked



Using CSS you can make a different look for each one of these states, but at the end of this lesson we will suggest a good practice for CSS Links.



a {

color:#000066;

text-decoration:none;

cursor:pointer;

}



a:visited {

color:#336699;

}



a:hover {

color:#ff6600;

text-decoration:underline;

}



a:active {

color:#ffcc99;

cursor:wait;

}



a:link {color: #009900;}

a:visited {color: #999999;}

a:hover {color: #333333;}

a:focus {color: #333333;}

a:active {color: #009900;}



Order matters. If %26quot;a:active%26quot; precedes %26quot;a:hover%26quot;, the effects in %26quot;a:hover%26quot; will take precedence. So, in this example, you would not see the color change when the user clicks down on a link.



RonHow do make this website link change color?In addition with working with Cascading Style Sheets (CSS). CSS is a script that allows the webmaster to design a web-page using various colors, borders, placement of web elements, etc to create a design. In addition you'll need to understand how color is coded. The most common code to make colors is hexadecimal, hex for short.



Here are two resources you might want to look at:



How to Code in CSS: http://w3schools.com/css/default.asp



How to Code In Hexadecimal: http://www.the-eggman.com/seminars/color_codes.html



I hope this helps!How do make this website link change color?These are done via .css . here are some basic examples to achieve what you want to do with the links:



http://www.echoecho.com/csslinks.htm



Dreamweaver is great for editing css sheets.