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.

[alfanni]

Excellent. This is a missing feature in VB4.
Thanks for sharing.

[anthony parsons]

Well Lynne, I have to say... so simple, yet so required. Not looking at the stylevars until beta5, and just today at that, and now finding how ridiculously impracticable the new stylevars system currently is, or the basic level it is at, this is an absolute requirement. Just looking into all the css files now included within the template system to achieve the layout, I discovered today how impracticable it all currently is. With coming upgrades, if I had to modify each template css, it would make future upgrades a near impossible task having to custom code each file again as no doubt the css template files will be constantly changing in revisions with a css layout. Some of the stupidity I am finding with the attempts of one stylevar and replicating it across multiple aspects of the suite... absolutely stupid IMHO.

Installed and thank you. Makes it much simplier that you have done it vs. me having to write one for my own use.

Thanks.

[anthony parsons]

This doesn't work in beta5.... The file actually writes correctly in the acp but doesn't seem to transcend to to the frontend. All you get at the frontend is the default first two lines of text, no actual css data.

[Lynne]

Originally Posted by anthony parsons

This doesn't work in beta5.... The file actually writes correctly in the acp but doesn't seem to transcend to to the frontend. All you get at the frontend is the default first two lines of text, no actual css data.

Are you entering the css into the correct style? This is still working just fine for me on both my forums only test site and my suite test site.

[mtha]

Originally Posted by anthony parsons

This doesn't work in beta5.... The file actually writes correctly in the acp but doesn't seem to transcend to to the frontend. All you get at the frontend is the default first two lines of text, no actual css data.

it might be related to the combination of styleid and langid too. i have two languages, and the correct edited css only appear when langid=1, or remove langid, so i removed langid from the path where calling the css. not sure why it is yet.

[anthony parsons]

Hey Lynne... Pretty sure. Adding css into ACP > Styles & Templates > Style Manager > Edit Templates > additional_css.css

I might try it on a clean install of beta5 I have, as I used it on an upgraded beta5 install. See if any difference exists.

[anthony parsons]

Hmmm... just worked on clean install. My private test upgrade install though doesn't work... interesting. Ok, thanks for that. I will dig at it... as this is outside of your software.

[Sarthek]

tagged for gold

[Lynne]

Originally Posted by mtha

it might be related to the combination of styleid and langid too. i have two languages, and the correct edited css only appear when langid=1, or remove langid, so i removed langid from the path where calling the css. not sure why it is yet.

This is interesting. I don't have other languages on my sites, so I haven't seen this happen. What does the url to the additional_css.css file look like in the situation where it isn't working?

I also modified this a bit for myself. I created another file additional_css2.css also. I use additional_css for css that I want in all my styles (so I 'fill' it in the parent style) and then use additional_css2 to make small changes to the child styles. Is anyone interested in that version of this?

[mtha]

Originally Posted by Lynne

This is interesting. I don't have other languages on my sites, so I haven't seen this happen. What does the url to the additional_css.css file look like in the situation where it isn't working?

I also modified this a bit for myself. I created another file additional_css2.css also. I use additional_css for css that I want in all my styles (so I 'fill' it in the parent style) and then use additional_css2 to make small changes to the child styles. Is anyone interested in that version of this?

i dont have the forum on public accessible location, so cant give you the direct link, anyway

i have two language (1 and 2), and my styleid is 24.

when i install this, and my default language is 2, i have

/forum/css.php?styleid=24&langid=2&d=&sheet=additional_cs s.css

it only shows

PHP Code:

@charset "UTF-8";
/* Additional CSS */ 


when i change to language 1, or set direct link to langid=1, i see the additional CSS that i added to the template.

forum/css.php?styleid=24&langid=1&d=&sheet=additional_cs s.css

if i remove the langid, it also show the template correctly
forum/css.php?styleid=24&d=&sheet=additional_css.css