Template Css adding in my addon

[Asterix_ita]

I used this plugin to upload my template.css, but sometimes is it loaded and others no why? (vBulletin 4.1.5)


<plugin active="1" executionorder="5">
<title>CSS</title>
<hookname>parse_templates</hookname>
<phpcode><![CDATA[
if($vbulletin->options['ct_list_active'])
{
$template_hook['custom_css_list'] .= ',ct_thread.css';
}
]]></phpcode>
</plugin>

Is there any other way to load your css template?

In several articles I found this code, but everyone says outdated


<plugin active="1" executionorder="5">
<title>CSS - Inject CSS into vBulletin</title>
<hookname>css_start</hookname>
<phpcode><![CDATA[if(in_array('vbulletin.css',$matches[1]))
{
$matches[1][] = 'ct_thread.css';
}]]></phpcode>
</plugin>

Thanks

Regards

[Lynne]

Take a look at the headinclude template:
<vb:if condition="$vboptions['storecssasfile']">
{vb:cssfile main-rollup.css}
{vb:raw template_hook.custom_css_links}
<vb:else />
{vb:cssfile bbcode.css,editor.css,popupmenu.css,reset-fonts.css,vbulletin.css,vbulletin-chrome.css,vbulletin-formcontrols.css{vb:raw template_hook.custom_css_list}}
</vb:if>There is an if/else there. You can only use the template hook custom_css_list if the css is not being stored in the file system. So, two different template_hooks need to be defined.


$template_hook['custom_css_links'] .= xxxxxx;
$template_hook['custom_css_list'] .= yyyyyy;

[Asterix_ita]

Thanks Lynne

I have to replace xxxx and yyy with the name of my template.css, is it correct?

Regards

[Lynne]

No, not exactly. The _links hook requires a full on link. (I actually got this code from one of BOPs mods.)

Try this:

$template_hook['custom_css_links'] .= '<link rel="stylesheet" type="text/css" href="clientscript/vbulletin_css/style' . str_pad($style['styleid'], 5, '0', STR_PAD_LEFT) . $vbulletin->stylevars['textdirection']['string'][0] . '/ct_thread.css" />';

$template_hook['custom_css_list'] .= ',ct_thread.css';

[Asterix_ita]

Thanks it works fine.

You know how these two ways of interpreting the CSS code

Regards

[Lynne]

I have no idea why that gap is there. You'd need to analyze the box using something like firebug.

[CvP]

I actually got in to some trouble with this a few minutes ago and Lynne was kind enough (as always!) to point me I'm using process_tempaltes_complete instead of parse_templates.

With that help, now I am using this in my codes:


if ($vbulletin->options['storecssasfile']) {
$template_hook['custom_css_links'] .= '<link type="text/css" rel="stylesheet" href="' . vB_Template::fetch_css_path() . 'MY_CSS.css' . '?d=' . $style['dateline'] . '" />';
}
else {
$template_hook['custom_css_list'] .= 'MY_CSS.css';
}

[Asterix_ita]

Hi CvP

Thanks, but your code works fine on my addon with parse_templates hook, doesn't work with process_tempaltes_complete

regards

[CvP]

Yes, it needs to be on parse_templates. I used process_templates_complete and banging my head on table until Lynne stepped in.

[Boofo]

You can only use the template hook custom_css_list if the css is not being stored in the file system. So, two different template_hooks need to be defined.

What hooks would you use if the css IS stored in the file system?

[HMBeaty]

What hooks would you use if the css IS stored in the file system?
custom_css_links

[HMBeaty]

Changing this up a bit....in the headinclude template here:
<!--[if lt IE 8]>
{vb:cssfile popupmenu-ie.css,vbulletin-ie.css,vbulletin-chrome-ie.css,vbulletin-formcontrols-ie.css,editor-ie.css}
<![endif]-->
{vb:raw template_hook.headinclude_css}Would it be safe to say we can use the template hook headinclude_css to add on to the -ie.css? For example, I'd like to add sidebar-ie.css to it, but unsure if that would work (since I don't use IE 8).

Also, if we can use that hook location, would we use the same method of adding to the store css as files? Like this maybe? .....
$template_hook['headinclude_css'] .= '<link type="text/css" rel="stylesheet" href="' . vB_Template::fetch_css_path() . 'sidebar-ie.css' . '?d=' . $style['dateline'] . '" />';
Or would it just be....
$template_hook['headinclude_css'] .= 'sidebar-ie.css';
Thanks in advance :D

[Lynne]

If you want to add something for IE only, you need to put that comment code around it.

[HMBeaty]

So something like this should work, right?

$template_hook['headinclude_css'] .= '<!--[if lt IE 8]>{vb:cssfile MY_CSS.css}<![endif]-->';
Sorry, haven't been able to think straight the past few days :(

[HMBeaty]

This appears to work (not sure if it's correct though) .....
$template_hook['headinclude_css'] .= '<!--[if lt IE 8]>
<script type="text/javascript" src="clientscript/vbulletin-threadlist-ie.js?v={vb:raw vboptions.simpleversion}"></script>
<link type="text/css" rel="stylesheet" href="' . vB_Template::fetch_css_path() . 'sidebar-ie.css' . '?d=' . $style['dateline'] . '" />
<![endif]-->';

[Boofo]

Not to beat a dead horse, but how come the css files don't need to be rendered before you add them to the hooks?

[Lynne]

Because they are special and dealt with in a different way?

[Boofo]

Are you guessing? ;)

How's this for posterity, young lady?

// You can only use the template hook custom_css_list if the css is not being stored in the file system.
// So, two different template_hooks need to be defined. The custom_css_links hook requires a full on link.
// Also, this needs to be on the parse_templates hook, not on process_templates_complete. -- Lynne


That is in my first mod using the css hooks. I'll make you famous. ;)

[Lynne]

Wonderful. Do I get the fortune that comes with being famous?

[Boofo]

Whatever you want. You know I'm a sucker for your charms. ;)