Template Css adding in my addon

[HMBeaty]

Originally Posted by Boofo

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

[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?

PHP Code:

$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) .....

PHP Code:

$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.