Miscellaneous Hacks - Change link color only in post and/or cms articles

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

[AURFSCAN]

Originally Posted by iyama

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]

Originally Posted by iyama

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]

Originally Posted by 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.

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.