more than one color for link in style sheets

Sergeant Joined: Feb 28, 2003 Posts: 77

there are certain links i want to be a different color than the standard link color in my style sheet. is there a way to define this in style.css?

thanks!

Sergeant Joined: Feb 28, 2003 Posts: 77

here's my style sheet. you'll see where i tried to make a defininiton under "2content" for link style... it didn't work.

Code:

TD    {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
BODY    {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
P    {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
DIV    {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
INPUT    {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
TEXTAREA {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
FORM    {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
A:link {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:active {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:visited {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:hover {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.title    {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.content {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif}
.2content {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 11px; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif}
a.2content:link {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 11px; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif}
a.2content:active {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 11px; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif}
a.2content:visited {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 11px; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif}
a.2content:hover {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 11px; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif}
.elcontent {
BACKGROUND: none;
COLOR: #FF6600;
FONT-SIZE: 13px;
FONT-FAMILY: Verdana, Helvetica;
font-style: normal;
font-weight: bold;
font-variant: small-caps;
}
.storytitle {
BACKGROUND: none;
COLOR: #363636;
FONT-SIZE: 14px;
FONT-WEIGHT: bold;
FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
font-style: italic;
}
.storycat {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
.boxtitle {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.boxcontent {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif}
.option {
BACKGROUND: none;
COLOR: #000000;
FONT-SIZE: 13px;
FONT-WEIGHT: bold;
FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
font-style: italic;
}
.tiny    {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.footmsg {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.footmsg_l {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
.box    {FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; border: 1px solid #000000; background-color: #FFFFFF}

General Joined: Mar 22, 2003 Posts: 5233 Location: USA

I'm too lazy to read it all Laughing

. Here's how you do it - you apply it like this using a class= syntax Wink

.

Code:

A:link {BACKGROUND: none; COLOR: red; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:active {BACKGROUND: none; COLOR: green; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:visited {BACKGROUND: none; COLOR: blue; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.2content:link {BACKGROUND: none; COLOR: yellow; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.2content:active {BACKGROUND: none; COLOR: yellow; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.2content:visited {BACKGROUND: none; COLOR: yellow; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
</style>
This is a <a href=#>Test</a>.
 
This is a <a href=# class="2content">Test2</a>.

Sergeant Joined: Feb 28, 2003 Posts: 77

thanks! i had to go into the modules/news/index.php file and change $story_link to reflect the class function in the link.

thanks again!

Nuke Cadet Joined: Jul 07, 2003 Posts: 9

anymore ideas folks?

Iam trying to display my download title with different link (color, size..etc)

Code:

original link still wont be overwritten.....

Posted: Tue Jul 08, 2003 1:47 pm

Once you create the new css class in your stlye sheet and uploaded it, You may need to clear your Temp. Internet Files.
In some cases, the style.css file won't be reloaded by the browser.

If you did all correctly, then try the above clearing your temp files.
Also, I wouldn't use numbers, 2content. try a different name like dlcontent

mikem

Nuke Cadet Joined: Jul 07, 2003 Posts: 9

yes its working! altho..its not exactly what i try to accomplish.
I need to edit my url titles manually with that html tag to make it work.

Iam not lazy or something i just want it to be automated.

This is the code iam using in modules/downloads/index.php function viewdownload()

Code:

echo "<a href=\"modules.php?name=$module_name&d_op=getit&lid=$lid\">$title</a>";

Still no luck Sad

Nuke Cadet Joined: Jul 07, 2003 Posts: 9

oops, just solved it Very Happy

i dont think the code above is wrong....

but it happen to work with this one....

Code:

echo "<a class=\"test\" href=\modules.php?name=$module_name&d_op=getit&lid=$lid\">$title</a>";

its working now fine!
Very Happy

General Joined: Mar 22, 2003 Posts: 5233 Location: USA

I think that's what I said in the beginning Laughing