Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
des:sahana_theme [2009/03/31 07:54] tim + Flip asymmetrical padding and/or margins in //all// elements |
des:sahana_theme [2009/11/25 20:27] (current) greg |
||
|---|---|---|---|
| Line 46: | Line 46: | ||
| # | # | ||
| # | # | ||
| - | |||
| ===== Liquid Layout Example ===== | ===== Liquid Layout Example ===== | ||
| Line 62: | Line 61: | ||
| # | # | ||
| # | # | ||
| + | ===== Internet Explorer CSS Hacking ===== | ||
| + | |||
| + | Newly introduced to Sahana framework is the mechanism for providing Internet Explorer specific stylesheets (currently in trunk). As many web designers know, there are many headaches caused by supporting multiple versions of Internet Explorer in a web site's template/ | ||
| + | |||
| + | If these stylesheets exist in the theme, Sahana will add references to them in the < | ||
| + | |||
| + | <!--[if IE 6]> | ||
| + | <link rel=" | ||
| + | < | ||
| + | <!--[if IE 7]> | ||
| + | <link rel=" | ||
| + | < | ||
| + | <!--[if IE 8]> | ||
| + | <link rel=" | ||
| + | < | ||
| + | <!--[if IE 9]> | ||
| + | <link rel=" | ||
| + | < | ||
| + | |||
| + | To take advantage of this new feature, simply create a css file in your theme folder for the specific version of ie you wish to create a custom stylesheet for: | ||
| + | |||
| + | / | ||
| + | / | ||
| + | / | ||
| + | / | ||
| + | |||
| + | The important thing to remember is that the files MUST be named in this convention: (ie6.css, ie7.css, ie8.css, ie9.css) or else they will be skipped over and not referenced in the HTML < | ||
| + | |||
| + | ===== Custom Theme Footer ===== | ||
| + | |||
| + | As with the above new feature added to Sahana, this one involves handling more customization with themes. In certain instances, it may be preferable to have different content in the site's footer. However, before this patch was introduced, the user was left to hacking up the / | ||
| + | |||
| + | Technically, | ||
| + | |||
| + | / | ||
| + | |||
| + | Simply create the footer.php file in your theme and populate it with any php/html that is needed in your customized footer. | ||
| Line 73: | Line 109: | ||
| * [[http:// | * [[http:// | ||
| - | ==== Challenges ==== | ||
| - | Below are are few things that are unlikely to be something that can be dealt with CSS, although they can be feed upstream for thought. | + | ==== Challenges ==== |
| - | *Forms* will be difficult, as labels generally appear on the left of the inputs field. *Frames*, and *table columns* also have to be reversed in order. | + | Here are are few things that are unlikely to be something that can be dealt with CSS, although they can be feed upstream for thought. |
| + | **Forms** will be difficult, as labels generally appear on the left of the inputs field. **Frames**, and **table columns** have to be reversed in order. | ||
| ==== Outline ==== | ==== Outline ==== | ||
