CSS code for links on my site help!

Hey all,

I'm using the Multiflex-2 template - http://www.1234.info/webtemplates/multiflex2/

The coding for it doesn't seem to be all that great because the creator has tried to make it as customisable as possible in an easy way.

My navigation link colours are fine - if I need to sort that in anyway I will/can.

What I'm more interested in doing though is actually sorting out the colours for just ordinary links that I may place on my site. So if I'm on ANY page of my site and want to put a link in to somewhere then all I'd use is <a href=" etc etc" and all the links would have the same decoration.

I've edited this code below to seperate each content 1/2/3.

Would it be worth having a total re-think towards the css coding of the whole thing?!?! Just to make it clearer overall?

/*-------------------*/
/* 6.4 - Hyperlinks  */
/*-------------------*/
.content1 a {color: rgb(255,0,0); text-decoration: underline;}
.content1 a:hover {color: rgb(0,0,0); text-decoration: underline;}
.content1 a:visited {color: rgb(0,0,255);}


.content2 a {color: rgb(75,75,75); text-decoration: underline;}
.content2 a:hover {color: rgb(0,0,0); text-decoration: none;}
.content2 a:visited {color: rgb(150,150,150);}


.content3 a {color: rgb(75,75,75); text-decoration: underline;}
.content3 a:hover {color: rgb(0,0,0); text-decoration: none;}
.content3 a:visited {color: rgb(150,150,150);}


.sidebar-txtbox-noshade a {color: rgb(255,0,0); text-decoration: underline;}
.sidebar-txtbox-noshade a:hover {color: rgb(0,0,0); text-decoration: underline;}
.sidebar-txtbox-noshade a:visited {color: rgb(0,0,255);}


.sidebar-txtbox-shade a {color: rgb(75,75,75); text-decoration: underline;}
.sidebar-txtbox-shade a:hover {color: rgb(0,0,0); text-decoration: none;}
.sidebar-txtbox-shade a:visited  {color: rgb(150,150,150);}


.footer a {color: rgb(255,255,255); text-decoration: none;}
.footer a:hover {color: rgb(225,55,55); text-decoration: none;}

HTML:

http://www.ultrasuk.com

 

So, to be clear, you're confused about the color: rbg(); usage? I can't really imagine why they would have so many different colored links. I myself would stick to a specific look.

As for the rgb stuff,
rgb(255,55,55) = #ff3737
rgb(255,255,255) = #ffffff
rgb(150,150,150) = #969696
rgb(0,0,0) = #000000
rgb(75,75,75) = #4b4b4b
rgb(250,0,0) = #fa0000
rgb(0,0,255) = #0000fa

 

No, not what you've said above. No time to explain now, back later to explain.

 

Not to sure what your saying but you can shorten it up a bit by using a comma for similar classes:

.content2 a, .content3 a, .sidebar-txtbox-shade a {color: rgb(255,0,0); text-decoration: underline;}

Code (markup):

trims down and just edit one line if you need to change colors.

 

Hi,

Sorry for rather abrupt reply earlier.

What I'm saying is:

Basically there are are different css styles for the top navigation bar and left navigation bar.

Now what I'm looking for is when I put a link on in the actual content I want to control how it looks but with the code I've given it doesn't appear to effect it. I'm talking about just an ordinary link code - <a href="/link">LINK</a>.

So what do I need to do to the above code to get it to look for the style I choose for an ordinary link?

Thank you, please forgive my quick post earlier!

 

For ordinary links just use the standard css, Example:

a:link {color:red;}
a:active {color:blue;}
a:visited {color:green;}
a:hover {color: orange;}

Your css assigned to your div classes of course manage those links internally to that class. So for any external "normal" links you can simply use the standard code.