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.

[wacnstac]

Can you use this as an alternative to editing variables in StyleVars in the Style Variable Editor which sucks because you can't see what you edited and I don't know of any way to save it.

[Lynne]

You can use it for whatever you want. It's just for adding css. If you want to hard code a color in there for something, then you can use thing to do that.

[fourat]

How i use this product ?

[Charlie98902]

Thanks Lynne used this mod to change my header instead of table codes.

[Charlie98902]

Originally Posted by fourat

How i use this product ?

You have to call up the template that you want the CSS code to modify. Like I used this for my header and used #header so it would replace the defualt vbulleting header as I have 3 parts to my header. So you need to know CSS or get someone to help you or give you the CSS code needed.

[Alien]

For the life of me, I cannot get this to work in any child styles whatsoever.

I'm using 1.1 (which still shows as 1.0 in the product manager, btw).

I've tried using just additional css with all new code, and i've also tried using the additional css 2 template leaving the original alone and I cannot get it to load the alternate color scheme. It always shows the parent scheme.

In the source, it links to the proper style id #

Any thoughts?

[Lynne]

Are you doing a Force Refresh to force it to get the new css templates? If you aren't, then it will think they are already downloaded and continue to serve up the old ones. It does work for me. I've made changes at the top of the .css files to say what style they are in and I am getting the correct one per style:

/* Additional CSS2 - styleid2 */

[Alien]

Yes, I've been using hard refreshes in Firefox 3.5.6.

I will try a couple of more times, it's really bugging me out!

[Alien]

Just to be sure I'm clear on the instructions:

On the parent style, I edit the first additional css file and it all works perfectly.

Now on the child style, do I clear out the additional css and use additional css 2? Or do I just edit the first additional css file and just change the contents of the file from the old stuff there to the new css i need?

[Alien]

I've tried all of the above, and no matter what I cannot load more than what is defined in the parent style. I've tried everything I can think of! I even attempted turning vbseo off thinking it was somehow rewriting a styleid URL. Grasping at straws...