[Forum] Adding a custom.css template using a plugin

[Andy]

I would like to be able to offer my members a second style, but I don't want to use the style system where I would create a parent or child style.

My plan is to add a User Profile Field that allows my member to choose a different color scheme using the Settings -> Edit Profile menu.

I will create a new css template called custom.css that has different color settings.

What plugin hook and php code can I use to have my custom.css load instead of additional.css. Or would custom.css load after additional.css so that it overrides the setting in the addtional.css template.

Thank you.

[Andy]

If I add the line shown in bold the bottom of the headinclude_bottom template I get the desired results.

<link rel="stylesheet" type="text/css" href="{vb:raw vbcsspath}additional.css" />
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="{vb:raw vbcsspath}vbulletin-ie.css" />
<![endif]-->
{vb:raw template_hook.headinclude_bottom_css}

[B]<link rel="stylesheet" type="text/css" href="{vb:raw vbcsspath}custom.css" />[/B]

However I need to be able to control when the custom.css template is added. I see there is a hook called "template_hook.headinclude_bottom_css", how do I use this template hook?

[Andy]

I was able to accomplish what I was after by adding the code to the bottom of the headinclude_bottom template.

<vb:if condition="$vbulletin->userinfo['fieldX'] ">

<link rel="stylesheet" type="text/css" href="{vb:raw vbcsspath}custom.css" />

</vb:if>

[Makaze]

I need to know this. I want to use the same plugin for every theme so this is ideal compared to template edits. I have the plugin set to cache_templates with the code:

<?
$template_hook['headinclude_bottom_css'] .= '<link type="text/css" rel="stylesheet" href="/styles/custom.css" />';
?>

Yet it doesn't load. What am I doing wrong? Which hook location do I set to?

Sorry if I shouldn't necro...

[kh99]

Try adding a global statement for $template_hook, like:

global $template_hook;
$template_hook['headinclude_bottom_css'] .= '<link type="text/css" rel="stylesheet" href="/styles/custom.css" />';

[Makaze]

No luck.

[Makaze]

Got it. It was an error on my part. I included the <? and ?> unnecessarily.