Author |
Message |
Nash
Regular


Joined: Jan 10, 2006
Posts: 93
|
Posted:
Fri Apr 07, 2006 6:19 pm |
|
Hey guys,
I'm decent with HTML but can't figure this out - how can I override the color for links specified in my style sheet?
Only registered users can see links on this board! Get registered or login!. I basically want to make the links in the dark blue box on the right white instead of blue, as they don't show up well in blue.
Thanks!
Nash |
|
|
|
 |
hitwalker
Sells PC To Pay For Divorce

Joined:
Posts: 5661
|
Posted:
Fri Apr 07, 2006 6:48 pm |
|
well thats easy,dive into your stylesheet:
Here >>>themes/ECBB/style/style.css
And the dirty blue one is : 0033FF
So change all 4 to whatever you want.
A:link {BACKGROUND: none; COLOR: #0033FF; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:active {BACKGROUND: none; COLOR: #0033FF; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:visited {BACKGROUND: none; COLOR: #0033FF; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:hover {BACKGROUND: none; COLOR: #0033FF; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline} |
|
|
|
 |
Nash

|
Posted:
Sun Apr 09, 2006 9:34 pm |
|
Hey hitwalker,
Thanks - the problem I have is that I want most links to be the blue color, but for the links that show up in this particular blocks, I want a white color. Unfortunately I tried overriding this in the link tags that I want to be white but it didn't seem to do it...
Thoughts?
--- Nash |
|
|
|
 |
daemon
Worker


Joined: Jan 07, 2005
Posts: 163
|
Posted:
Sun Apr 09, 2006 10:35 pm |
|
This is just a sample from one of my pages, you can add another set of link colors say to a menu (sidebar) whatever like this, just add your font class to them. this may work for you because its white.
Code:
a.menu:visited { text-decoration: none; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: none }
a.menu:active { text-decoration: none; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: none }
a.menu:hover { text-decoration: none; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: none }
a.light:link { color: white; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: none }
a.light:visited { color: white; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: none }
a.light:active { color: white; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: none }
a.light:hover { text-decoration: none; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #FF0000 }
|
|
|
|
|
 |
Nash

|
Posted:
Sun Apr 09, 2006 10:51 pm |
|
so then in my < A > tag I would have <A ClASS="MENU"> ? Thanks! |
|
|
|
 |
daemon

|
Posted:
Sun Apr 09, 2006 10:58 pm |
|
fiddle with it you'll get it |
|
|
|
 |
Nash

|
Posted:
Mon Apr 10, 2006 6:45 am |
|
oh, I've fiddled haha. Even tried creating separate classes when I was first dealing with this like a year ago. Problem with CSS for me is that I learned it once and then didn't have to do it for another year. Pretty much only needed to adjust it whenever I redesigned haha. |
|
|
|
 |
Nash

|
Posted:
Mon Apr 10, 2006 6:54 am |
|
|
|
 |
daemon

|
Posted:
Mon Apr 10, 2006 3:25 pm |
|
|
|
 |
Nash

|
Posted:
Mon Apr 10, 2006 3:26 pm |
|
|
|
 |
daemon

|
Posted:
Mon Apr 10, 2006 3:31 pm |
|
anytime, glad I could help.. |
|
|
|
 |
|