Extra ie7 stylesheet

Hi, is it possible to call an extra style.css in this way <!--[if lte IE 7]> so that i can create a ie6/7 .css version of a template in Jojo?

Jojo combines the css sheets so i really do not know how to do that now.

How?

Hi, is it possible to call an extra style.css in this way <!--[if lte IE 7]> so that i can create a ie6/7 .css version of a template in Jojo? Jojo combines the css sheets so i really do not know how to do that now. How?

Firstly, any stylesheet you place in the css folder of your theme can be called using www.domain.com/css/filename.css

This will compress /gzip the file just like with the main stylesheet. If this isn't what you want (so that comment hacks are preserved perhaps), then you should place the CSS file in the webroot instead where Jojo will leave it as is.

The next thing is placing a call to the tylesheet in head.tpl

The best way to do this is using a filter, but you can also make a copy of jojo_core/templates/head.tpl in your own theme templates folder, and simply insert the <style> tag manually. The problem with this is that any updates we make to head.tpl will be ignored, which will cause issues if you don't merge the changes at upgrade time.

We did previously have a system whereby you simply created ie7.css in yourtheme/css/ and it inserted the required code in head.tpl automatically. Not sure if this functionality is still around, I' get back to you on this.

I'll provide more examples of the filter method with the beta docs.

Firstly, any stylesheet you place in the css folder of your theme can be called using www.domain.com/css/filename.css This will compress /gzip the file just like with the main stylesheet. If this isn't what you want (so that comment hacks are preserved perhaps), then you should place the CSS file in the webroot instead where Jojo will leave it as is. The next thing is placing a call to the tylesheet in head.tpl The best way to do this is using a [url=docs/filters]filter[/url], but you can also make a copy of jojo_core/templates/head.tpl in your own theme templates folder, and simply insert the <style> tag manually. The problem with this is that any updates we make to head.tpl will be ignored, which will cause issues if you don't merge the changes at upgrade time. We did previously have a system whereby you simply created ie7.css in yourtheme/css/ and it inserted the required code in head.tpl automatically. Not sure if this functionality is still around, I' get back to you on this. I'll provide more examples of the filter method with the beta docs.

Alternativly, in your theme's templates folder create a file called customhead.tpl.

This will allows you to inject things into the head section of the html. Our typical customhead.tpl looks likes this (we use it for IE6 css):



- Mike

Alternativly, in your theme's templates folder create a file called customhead.tpl. This will allows you to inject things into the head section of the html. Our typical customhead.tpl looks likes this (we use it for IE6 css): [codeblock]<!--[if lte IE 6]> <link rel="stylesheet" type="text/css" href="css/ie_style.css" /> <![endif]-->[/codeblock] - Mike

Thx, thats what i was looking for, never used Smarty so it's all new to me. My goal is to intergrate the YAML framework, its so simple to build a template with standard divs etc. and i do not have to look in all the available browsers to patch the code.

It's a little more work now but a lot of pleasure later....

Thx, thats what i was looking for, never used Smarty so it's all new to me. My goal is to intergrate the YAML framework, its so simple to build a template with standard divs etc. and i do not have to look in all the available browsers to patch the code. It's a little more work now but a lot of pleasure later....