Miscellaneous Hacks - Add additional_css.css to all your pages

Instead of finding the template.css file to edit the .css properties for your pages, just put them all in this additional_css.css template. The additional_css.css file is linked right before the </head> in your page. This is for use until this is made standard in the vb product (I put in a bug report requesting this be included - Please consider adding user defined Additional CSS to pages).


Version History:
1.0 2009-11-22: - initial release by Lynne at vbulletin.org
1.1 2009-12-08: - fixed issue with style dateline not showing up. Fixed & issue (changes to &amp. added additional2_css.css file so the first additional_css file can be used in the parent style and then additional2_css used in the child styles.

Notes - if you only want this included on certain pages, then you may open the plugin "Add addition_css.css file to pages" and put a condition around it, such as (this is for just the index page and the showthread page):

PHP Code:

if (in_array(THIS_SCRIPT,array('index','showthread'))) {
all the code currently in the plugin
} 


.
.
To install:

1. Import product-product-lynne_add_css.xml
2. Add any additional css you want to add to the page in your additional_css.css template.

To uninstall:

1. Uninstall "Add additional css to your style"

Please mark Installed if you use this.

[Lynne]

Both css files get appended to your style. If you have stuff in additional_css2 from a parent style, it will get added to a child style unless you delete it. It acts just like any other template that inherits stuff from it's parent.

[Alien]

I have a fully loaded additional_css in the parent, and then MOST of the same content (but a bunch of changed values) in the child style's additional_css2 file. It has not worked yet.

I've also tried keeping additional_css2 blank in the both parent and child, and just overwriting everything in the additional_css in the child style and that hasn't worked either.

I get the concept, I just really have no idea what could possibly be going on!

[BSMedia]

Well the good news is that it's going to be default in 4.0.1

[Lynne]

Originally Posted by Alien

I have a fully loaded additional_css in the parent, and then MOST of the same content (but a bunch of changed values) in the child style's additional_css2 file. It has not worked yet.

I've also tried keeping additional_css2 blank in the both parent and child, and just overwriting everything in the additional_css in the child style and that hasn't worked either.

I get the concept, I just really have no idea what could possibly be going on!

Do you have a link? Are you putting something in the .css template to clearly state what style the template is in so when you view it from the browser window, you can tell?

[Alien]

Lynne: I don't have a public link at the moment, as I'm editing together a new style behind the scenes.

I have added a comment to the CSS to identify that particular css clearly. When I view the page source, it links to the proper style id # but when you click the css call (in firefox) it displays the original one from the parent without my comment! I'll also try this with IE8 and Chrome to see if they have the same issue or if Firefox is doing something I've never seen before even though I'm hard refreshing *every* time.

[Alien]

I got it to work with child styles.

In vB 3.8.x, I would be able to set "users can change styles" = no, and even have it turned off in the style manager and STILL be able to test and use it behind the scenes as an admin.

Now in 4.0.0 (gold), I noticed if you have it clicked "off" in the style manager it doesn't seem to load the custom css properly. It has to be selectable (which is not what I want until i'm ready)! I quickly turned all this on to test (then off so no one else could preview it) and I was able to get your modification to work brilliantly.

Thanks for helping and for your patience! I'm glad this is making it into 4.0.x!

[Kevin McGowan]

Installed, great

[Trek]

Just a heads up, this was added into 4.0.1, but isn't complete and basically doesn't work. So... this mod is still useful and well... works.

[Alex@Mk3OC]

As above, I thought I'd be able to use the new inbuilt one, but it did nothing so had to re-enable this one, think I'll just leave it installed tbh

[Alien]

Even if it did work properly in 4.0.1, they don't setup child styles as eloquently as Lynne did unless I'm missing something.