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.

[HMBeaty]

Well, definately alot easier than I just did it. haha! Thanks Lynne

[Charlie98902]

This has unlimited potential to as I think if you make the css just right you can have it set to show usergroup html markup everywhere on your site?

[bobster65]

brilliant Lynne! Thank you

[Charlie98902]

Tagged for gold release. Added to your projects reply as well

[TimberFloorAu]

Excellent, also added to our Gold release products.

Ste

[Fr4n-FX]

wow this is fantastic, i will try later. thank you!

but what happen if i have ".forum" for explame in both css files? what file have "preference" :/

[Lynne]

Originally Posted by Fr4n-FX

wow this is fantastic, i will try later. thank you!

but what happen if i have ".forum" for explame in both css files? what file have "preference" :/

You should read up on how Cascading Style Sheets work in order to understand the answer to that question. I put this file as the very last .css file to be linked in the <head> section for a very good reason - so it is the LAST .css file to be included. If you include inline CSS or style info in the <body>, then you can 'overwrite' the styling info in this file, but this file should 'overwrite' any styling info in the previous stylesheets if it is written correctly.

[TheLastSuperman]

Very... VERY nice Lynne - THANKS

[Jurhum]

I understand we can use this to style our websites instead of using stylevars. However, when i try to change anything using this template it does not over ride the orginal css settings. Can you provide a brief example of how to change anything using this template? such as text color or anything else. thank you in advance