Change link color only in post and/or cms articles

[AURFSCAN]

Was looking how to change link colors only in posts and found how todo this here on the forum posted by Lynne.

add to additional.css


/* change link color in posts and sigs*/
.postcontent a {color:#356fb7;}
.signature a {color:#275187;}

/* change link hover color*/
.postcontent a:hover {color: red;}
.signature a:hover {color: red;}





Also here is the code for cms article and article homepage preview




/* change link colors in cms articles*/
.article a {color: #336699;}
.article_preview_contents a {color: #336699;}

.article a:hover {color: #CC0000;}
.article_preview_contents a:hover {color: #CC0000;}




change colors to suit you





:)

[Randomm]

worked like a charm (ver 4.0.8 p1)
rated, installed
thanks

EDIT:
If you want to make your links BOLD add this code at the bottom

post - .postcontent a {font-weight: bold;}
sig - .signature a {font-weight: bold;}

[XiTCLUB]

thanks..

[snatta]

Thumbs up!

If I want it underlined, what is the code when?

[AURFSCAN]

Underline



text-decoration: underline;




eg.




.postcontent a {color:#356fb7; text-decoration: underline;}




:)

[snatta]

Perfect, thanks.
=========

Is it possible to take it a bit longer?

I thought if you could make some code that allows it come up a box when doing mouseover, I would for example like that it said that:

"You are about to leave ****** Forum

The page you are about to visit is not ****** Forum.
****** Forum takes no responsibility for the material you find on the linked URL."

..or something like that .. :rolleyes:

[OldSchoolDSL]

Installed and working

4.1.2 :)

[Overbr]

tks man ! great work

[Asterix_ita]

thanks

working 4.1.2

[iyama]

I just find out that vb4 has already this option and more under stylevar>link ;)

link color-Undeline-aboveline-blink et cetera

[AURFSCAN]

I just find out that vb4 has already this option and more under stylevar>link ;)

link color-Undeline-aboveline-blink et cetera


forum wide yes...just for posts no

[djbaxter]

It also doesn't allow the option for bolding the link in the standard stylevar, which helps to highlight a link in certain styles.

[wombycat]

I just find out that vb4 has already this option and more under stylevar>link ;)

link color-Undeline-aboveline-blink et cetera

yeah that works in my forums but not on my cms. This mod worked perfectly on 4.1.6

[BajaBoatOwners]

I guess I'm not as knowledgeable about Vbulletin 4.0 as I thought. Where are you guys editing this? It won't let me edit where I thought I could.

[FreakyG'sMom]

I guess I'm not as knowledgeable about Vbulletin 4.0 as I thought. Where are you guys editing this? It won't let me edit where I thought I could.

Admin -> Cpanel -> Style Manager -> (pick skin template) -> Choose 'Edit Templates'

Find 'CSS Templates' in the list, double click it. Nested templates will appear underneath. Double click on 'Additional.CSS'

The editor will open up. Add the styles as suggested in the previous posts, then save.

For example:


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* THE FOLLOWING CONTROLS HOW A URL LINK LOOKS WITHIN A THREAD POSTING. */
/* THE FIRST CONTROLS URL LINKS, THE SECOND URLS IN SIGNATURES */
/* THE FIRST TWO VARIABLES CONTROL HOW A LINK LOOKS BY DEFAULT. THE SECOND TWO */
/* CONTROL HOW THOSE SAME TWO LINKS EACH LOOK WHEN HOVERED BY THE MOUSE POINTER */
/* Last Edited for Production on 01-15-12 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.postcontent a {
color:#1E639D;
}
.signature a {
color:#1E639D;
}
.postcontent a:hover {
color: red;
}
.signature a:hover {
color: red;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



You'll notice that I comment everything I add to the CSS. That way, I can reference my notes later, or others who edit afterwards can also follow.

Good luck :)

[zeus_r6]

Awesome! Used this mod to underline links in posts only as they aren't in my current style :)

[xertox]

Installed and rated. Nice work!

[Killabee]

thanks nice easy fix :)

[Rabby]

Thanks, installed and just working as expected :)
Rated!

[CouponWCents]

What about hyperlinks? This works great for whole links but not hyperlinks.

[djbaxter]

What's the difference between links and hyperlinks as you are sing those terms?

[AshenTemper]

So, I attempted this. I edited the additional.css for the Style I'm using as such:

.postcontent a {
color: #FF00FF;
text-decoration: none;
font-weight: bold;
}

.postcontent a:link {
color: #FF00FF;
text-decoration: none;
font-weight: bold;
}

.postcontent a:visited {
color: #FF00FF;
text-decoration: none;
font-weight: bold;
}

.postcontent a:active {
color: #FF00FF;
text-decoration: none;
font-weight: bold;
}

.postcontent a:hover {
color: #c1272d;
text-decoration: underline;
font-weight: bold;
}

But it just doesn't seem to be taking. Instead, it is just using the global body link colors instead. Here is the site I'm working on:

http://stoicstudio.com/forum/showthread.php?125-Mini-games&p=2756&viewfull=1#post2756

You'll note the first word (Acromage) is a link but it's not pink (just using pink so its an obvious change and then making it something better).

Any ideas what I'm doing wrong?

[AshenTemper]

I fixed my own issue. For some reason, moving that to the top of the additional.css file made it work. Probably means I failed at closing something somewhere that I'll have to look into.

But another thumbs up from me - works great on 4.1.12!

[zascok]

yep this is fun as far as you don't have an image inserted into thread. Underlined images don't look pretty at all

[BigAl205]

I wanted links in the postbit underlined so it would stand out, so I changed the link decoration in the stylevar. Unfortunately, I thought it made the forum home look too busy. I'm glad I found this.