[HOW TO - VB4] Adding Stylesheets to Your vB4 Mod via Plugins

[Brother Malachi]

How do you assign a template to a product?

[CarlitoBrigante]

$config['Misc']['debug'] = true;

Add this to your config file. If you are using it on a live site, I'd recommend putting a conditional to enable debug only for your IP:

if($_SERVER['REMOTE_ADDR']=='xxx.xxx.xxx.xxx') $config['Misc']['debug'] = true;

Once done, you will see a product selection box in your vBulletin Style manager when adding a template.

[Shadab]

But you could also do a different check, for example in case you only need the CSS for users using google chrome:

vbulletin-chrome.css has nothing to do with Google Chrome.
vBulletin "chrome" refers to the main Header, Navigation and Footer elements.

[CarlitoBrigante]

Hehe right, changing this. Completely forgot about this tutorial, I wrote it a few days after the beta release to us.

[NgocTam]

Not work with 4.0.1 if choose "Store CSS Stylesheets as Files"

I need other solution. Merge our custom template with additional.css (?). How can I do it?

[CarlitoBrigante]

Hello,

yes, this article is now obsolete. You can now just use the headinclude_bottom_css hook to add your stylesheets. It would probably be even better if there was a hook into additional.css as well. As I wrote above, this was mostly for people working with the beta at the time of this writing.

If you still want to use this method, you can add a conditional to add the call for the static files in the template hook above only in case static CSS is enabled. But this would be really useless, I think.

[NgocTam]

includes\adminfunctions_template.php:

function: write_style_css_directory($styleid, $parentlist, $dir = 'ltr')

Query (in line 769):

PHP Code:

$set = $vbulletin->db->query_read($sql = "
        SELECT DISTINCT title
        FROM " . TABLE_PREFIX . "template
        WHERE styleid IN (" . $parentlist . ") AND title LIKE '%.css'
    "); 


My css template like *.css. But in CSS file I don't see it. Is It a bug?

[CarlitoBrigante]

No, if you read the file further, you will see that the result of the query is used only to generate the css file into the directory. After that, you still have to add the path to the headinclude, as I said above. That is why I said the method in the article is still valid, but you need also to add the link to the CSS file... which makes the whole purpose of this article meaningless

A way of having your custom CSS added to the generated files would be to assign it a template type of "css"; but I think you can do this via XML file only (or query), and I am not sure of consequences as I have not explored the possibility.

In brief, easier to use a simple template hook, even though I can understand that some want to have products self contained in an XML file. This would be possible if the developers added a template hook into additional.css.

[MARCO1]

Originally Posted by CarlitoBrigante

No, if you read the file further, you will see that the result of the query is used only to generate the css file into the directory. After that, you still have to add the path to the headinclude, as I said above. That is why I said the method in the article is still valid, but you need also to add the link to the CSS file... which makes the whole purpose of this article meaningless

A way of having your custom CSS added to the generated files would be to assign it a template type of "css"; but I think you can do this via XML file only (or query), and I am not sure of consequences as I have not explored the possibility.

In brief, easier to use a simple template hook, even though I can understand that some want to have products self contained in an XML file. This would be possible if the developers added a template hook into additional.css.

What's about open new project for that in vbulletin.com ? I think it will be very nice to use template hooks also we want our products automatically installation.