Style Your Links with CSS

[solo]

Most browsers will show links by default in blue and visited links in purple. BOOOORING!!! That, and purple just doesn’t look good on some people ,But with a little bit of CSS, you can style your links any way you like. add this to your advance css section

a:link {color: #006600;} (green)
a:visited {color: #FF0000;} (red)
a:focus {color: #9933CC;} (purple)
a:hover {color: #000099;} (blue)
a:active {color: #FF9933;} (orange)

Thats its just hit save.

This is what each link does i guess you can change it to whatever,havent gotten that far yet

link – default (so your standard, never-clicked link)
visited link
focus – when tabbing with the keyboard
hover – when the curser moves over the link
active – the moment the link is clicked..

example ...yubasutterconnect.com
still working on it feedback is wanted thanks

[Bernard Lama]

Very helpful for the beginners. Great work solo.

[solo]

thanks B..im so a beginner ,thought i do a little sharing,lol

[Chloe Prince]

I have applied a background color to my links and padded them to look like buttons.

Is there a way to make the background color change colors along the lines of these same principals?

I am trying to make the link/button be a different color when you are on the actual page the link/button points to.

[SweetPotato]

You could have something like this.

a:link {
color: #fff;
background: #000;
padding:2px;
}

Then apply similar to solo's other classes that he mentions

SP

[solo]

thanks SP...here some more Chole,,

a:link {     color: #006600;     background: #CCFF99;}

a:visited {  color: #FF0000;     background: #ff6633; }

a:focus {    color: #9933CC;     background: #ffccff;}

a:hover {    color: #000099;     background: #ccffcc; }

a:active {   color: #FF9933;     background: #ffff00; }