PDA

View Full Version : Specify a different color for visited links

Kier
Wed 29th Aug '01, 2:24am
By default, vBulletin hyperlinks are all one color called {linkcolor} until you mouseover them, at which point they become {hovercolor}.

However, what about if you wanted to have a separate color for visited links?

Simple, edit your headinclude template...

Find this code:A:link, A:visited, A:active {
COLOR: {linkcolor};
}
A:hover {
COLOR: {hovercolor};
}and replace it with this:a:link, a:active {
color: {linkcolor};
}
a:visited {
color: #FF00FF;
}
a:hover {
color: {hovercolor};
}Now edit the color value marked in blue to suit your own style, and you're all done!

:)
eva2000
Wed 29th Aug '01, 3:02am
Wonders why it wasn't in there in the first place :)
Kier
Wed 29th Aug '01, 3:11am
Because it would be yet another replacement variable == more processor overhead.
Kier
Wed 29th Aug '01, 3:12am
(whereas this way it's just a color value - so we don't need an additional replacement variable)
Embattle
Thu 27th Sep '01, 9:41am
You know after you post a message comes up saying 'redirecting to topic page blah blah blah' how do you change the link colour under that paragraph?
David Bott
Sun 14th Oct '01, 12:37pm
Ok, thanks....this works great and my newly converted users were wanting this.

Question...For some reason my hover over does not work on the main form page for the Forum Areas only.

This is so confussing that you make these settings in the Admin area for the Style and they do not carry over.

It does work in the forum thread listings and other places even on the main page, but not if you hover over the Forum Areas themselfs.

http://www.avsforum.com

Suggestions?
SWFans.net
Tue 23rd Oct '01, 8:05pm
I have accomplished the same effect by doing this;

The original code:
A:link, A:visited, A:active {
COLOR: #000020;
}
A:hover {
COLOR: #FF4400;
}

My modified code:
A:link, A:active {
COLOR: #000020;
}
A:hover {
COLOR: #FF4400;
}

<body vlink="{timecolor}">

It yields a smaller addition to my BODY tag than the one required in the CSS declaration.

I am also sure that replacement variables could be used in place of the hex code, if so desired.

Example: <body vlink="{ timecolor }">

That would be without the leading and following spaces around the word timecolor in the example.