Style References for vBulletin 4.x

[Disco_Dave]

First class, this should help us a lot...

Thanks for your time
Dave

[K4GAP]

As of today's date, is this article accurate to include 4.2 ?

[tacklebox joe]

best post i've read so far....great job! Thank you for this informative post! :up:

[TheLastSuperman]

Originally Posted by GaryT

As of today's date, is this article accurate to include 4.2 ?

It *should* be however don't hold me to that if let's say you find one discrepancy lol however if you run into something regarding 4.2 that seems different or is not covered here simply ask.

[tacklebox joe]

no probs with vb4.2.0 PL3 regarding these instructions that i've personally encountered so far

[TheLastSuperman]

Originally Posted by tacklebox joe

no probs with vb4.2.0 PL3 regarding these instructions that i've personally encountered so far

Thanks for the feedback Joe .

[anagnam]

hi TheLastSuperman,

I tried changing the min-height in the .doc_header of vbulletin-chrome.css but it dos not reflect the changes after saving . any idea as to why?

[darnstrong]

Hey Supes,

your thread has been invaluable and I thank you HUGE for it!, I was wondering thou.. if you take a look at my forum www.autismfamilyforums.com you will notice the crowd in my header, and the space between the bottom of them... I would like to know why that is there?, and how can I get the crowd to sit on the nav bar?

Thanks in advance..

Don

PS: I am a HUGEEEE Superman fan myself... and work in comics... look me up on facebook.

https://www.facebook.com/JediColourist

[darnstrong]

[IMG][/IMG]

Where do I change the Text colour I have circled and with happy face, I have looked everywhere and I can't seem to find where it is

Thanks

Don

[TheLastSuperman]

Originally Posted by darnstrong

Where do I change the Text colour I have circled and with happy face, I have looked everywhere and I can't seem to find where it is

Thanks

Don

Well the bottom half can be easily modified via adding this to additional.css:

#welcomemessage {
color:#ff4400 !important;
}

If we try this version to also snag the title, this is when it changes on all pages:

#pagetitle h1, #welcomemessage {
color:#ff4400 !important;
}

It's the top half i.e. the page title that is the issue, if you modify that via css per the bottom example above it changes on all pages not simply forumhome (which we will assume you do not want to do, only make the change on forumhome naturally) so you can at this point either:

1) Modify the template and specify the css via style="css here;" example:

Edit the FORUMHOME template and find:

	<div id="pagetitle">
		<h1>{vb:raw vboptions.bbtitle}</h1>
		<p id="welcomemessage" class="description">{vb:rawphrase welcome_to_the_x, {vb:raw vboptions.bbtitle}}</p>
	</div>

Change to:

	<div id="pagetitle" style="color:#ff4400 !important;">
		<h1>{vb:raw vboptions.bbtitle}</h1>
		<p id="welcomemessage" class="description">{vb:rawphrase welcome_to_the_x, {vb:raw vboptions.bbtitle}}</p>
	</div>

OR

2) Make a plugin for this:

AdminCP > Plugins & Products > Add New Plugin

Product: vBulletin
Hook location: parse_templates
Title: Custom Style Changes
Execution Order: 5

PHP Code:

if (STYLEID == 1) {
if (THIS_SCRIPT == 'forumhome') {
$cssfix = '<style type="text/css">
#pagetitle {
color:#ff4400 !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $cssfix;
}
} 


Change the STYLEID == 1 i.e. change the 1 to the styleid # of the style you are changing this in otherwise it will change in all styles not just the one in question you're working on .


So it's either option 1 or 2, option one means one less plugin on your site, option two is not technically css correct in a sense i.e. they say its best to use id="cssid" or class="cssclass" instead of style="css code here directly" but imho that's better than a plugin parsing/checking etc but the choice is up to you .