[Tiki-devel] 960 grid layout shouldn't need special tiki.tpl (Was Re: [Tikiwiki-cvs/svn] SF.net SVN: tikiwiki:[35211] trunk)

[luci a. l. d' b. <sf...@gr...>]

hello,

+1 for gary's (chibaguy's) approach. i also think that the grid layout
is doable in the main (col1) area (where the main content and wikitext
normally appears)... there will be only necessary to introduce new pref
to select the type of the layout (2-1-3 columns source ordered aka tiki
"classic" mustache now/960 grid) and make a switch for modules to appear
in the first and last column of the grid layout instead probably.

luci


On 07/06/2011 03:07 AM, Gary Cunningham-Lee wrote:
> Hi,
>
> I was also thinking about a grid system for Tiki but didn't think this 
> much complexity would be necessary. Of the CSS grid systems around, what 
> was the reason for 960? After looking at a bunch of grids, I liked OOCSS 
> (http://www.stubbornella.org/content/2009/02/28/object-oriented-css-grids-on-github/ 
> ;  https://github.com/stubbornella/oocss). I'm not sure of the 
> licensing, but it's way simpler than what's been added to trunk. It's 
> based on percentages rather than pixels so is quite flexible in terms of 
> design possibilities. When I have a functioning trunk again, I want to 
> check out how 960 works here. With OOCSS, the side columns are left 
> outside the grid per se. Of course they can be specified to have a width 
> and margins, etc. that are compatible with the layout, but they don't 
> need to be covered by the grid CSS itself. Seems to me only the module 
> areas that are horizontal (top, topbar, pagetop, pagebottom, bottom) and 
> the wikitext areas (wiki pages, articles, blog posts, forum posts, etc.) 
> need to be grid-aware, and this can be managed by adding divs within the 
> wikitext. I did a prototype adaptation of the OOCSS locally and it was 
> easy, had much less CSS overhead than what I see here, and no changes to 
> tpl files as it's all done with CSS and wiki syntax.
>
> -- Gary
>
>
> On 05/07/2011 23:19, Nelson Ko wrote:
>> Hi,
>>
>> I was helping garyp (not to be confused with garyc :) ) with this and
>> because of the strange way the columns were laid out in trunk standard
>> tpl we figured it better simply to commit a "separate" tiki.tpl for
>> the 960gs (to have a clean sheet to start from). Especially since
>> suspecting that the default template might go through more adjustments
>> in future? (We tried combining the 2 more intricately but it got
>> messy...)
>>
>> Feel free to improve further and test.
>>
>> Nelson
>>
>> On Tue, Jul 5, 2011 at 10:06 AM,<ga...@us...>  wrote:
>>> Revision: 35211
>>>           http://tikiwiki.svn.sourceforge.net/tikiwiki/?rev=35211&view=rev
>>> Author:   garypp
>>> Date:     2011-07-05 14:06:40 +0000 (Tue, 05 Jul 2011)
>>>
>>> Log Message:
>>> -----------
>>> [NEW] Changes for 960GS Template pref option.
>>>
>>> Modified Paths:
>>> --------------
>>>     trunk/lib/prefs/style.php
>>>     trunk/lib/setup/theme.php
>>>     trunk/templates/tiki-admin_include_look.tpl
>>>     trunk/templates/tiki.tpl
>>>
>>> Added Paths:
>>> -----------
>>>     trunk/css/960_16_col.css
>>>
>>> Added: trunk/css/960_16_col.css
>>> ===================================================================
>>> --- trunk/css/960_16_col.css                            (rev 0)
>>> +++ trunk/css/960_16_col.css    2011-07-05 14:06:40 UTC (rev 35211)
>>> @@ -0,0 +1,447 @@
>>> +/*
>>> +  960 Grid System ~ Core CSS.
>>> +  Learn more ~ http://960.gs/
>>> +
>>> +  Licensed under GPL and MIT.
>>> +*/
>>> +
>>> +/*
>>> +  Forces backgrounds to span full width,
>>> +  even if there is horizontal scrolling.
>>> +  Increase this if your layout is wider.
>>> +
>>> +  Note: IE6 works fine without this fix.
>>> +*/
>>> +
>>> +body {
>>> +  min-width: 960px;
>>> +}
>>> +
>>> +/* Container
>>> +----------------------------------------------------------------------------------------------------*/
>>> +
>>> +.container_16 {
>>> +  margin-left: auto;
>>> +  margin-right: auto;
>>> +  width: 960px;
>>> +}
>>> +
>>> +/* Grid>>  Global
>>> +----------------------------------------------------------------------------------------------------*/
>>> +
>>> +.grid_1,
>>> +.grid_2,
>>> +.grid_3,
>>> +.grid_4,
>>> +.grid_5,
>>> +.grid_6,
>>> +.grid_7,
>>> +.grid_8,
>>> +.grid_9,
>>> +.grid_10,
>>> +.grid_11,
>>> +.grid_12,
>>> +.grid_13,
>>> +.grid_14,
>>> +.grid_15,
>>> +.grid_16 {
>>> +  display: inline;
>>> +  float: left;
>>> +  position: relative;
>>> +  margin-left: 10px;
>>> +  margin-right: 10px;
>>> +}
>>> +
>>> +.push_1, .pull_1,
>>> +.push_2, .pull_2,
>>> +.push_3, .pull_3,
>>> +.push_4, .pull_4,
>>> +.push_5, .pull_5,
>>> +.push_6, .pull_6,
>>> +.push_7, .pull_7,
>>> +.push_8, .pull_8,
>>> +.push_9, .pull_9,
>>> +.push_10, .pull_10,
>>> +.push_11, .pull_11,
>>> +.push_12, .pull_12,
>>> +.push_13, .pull_13,
>>> +.push_14, .pull_14,
>>> +.push_15, .pull_15,
>>> +.push_16, .pull_16 {
>>> +  position: relative;
>>> +}
>>> +
>>> +/* Grid>>  Children (Alpha ~ First, Omega ~ Last)
>>> +----------------------------------------------------------------------------------------------------*/
>>> +
>>> +.alpha {
>>> +  margin-left: 0;
>>> +}
>>> +
>>> +.omega {
>>> +  margin-right: 0;
>>> +}
>>> +
>>> +/* Grid>>  16 Columns
>>> +----------------------------------------------------------------------------------------------------*/
>>> +
>>> +.container_16 .grid_1 {
>>> +  width: 40px;
>>> +}
>>> +
>>> +.container_16 .grid_2 {
>>> +  width: 100px;
>>> +}
>>> +
>>> +.container_16 .grid_3 {
>>> +  width: 160px;
>>> +}
>>> +
>>> +.container_16 .grid_4 {
>>> +  width: 220px;
>>> +}
>>> +
>>> +.container_16 .grid_5 {
>>> +  width: 280px;
>>> +}
>>> +
>>> +.container_16 .grid_6 {
>>> +  width: 340px;
>>> +}
>>> +
>>> +.container_16 .grid_7 {
>>> +  width: 400px;
>>> +}
>>> +
>>> +.container_16 .grid_8 {
>>> +  width: 460px;
>>> +}
>>> +
>>> +.container_16 .grid_9 {
>>> +  width: 520px;
>>> +}
>>> +
>>> +.container_16 .grid_10 {
>>> +  width: 580px;
>>> +}
>>> +
>>> +.container_16 .grid_11 {
>>> +  width: 640px;
>>> +}
>>> +
>>> +.container_16 .grid_12 {
>>> +  width: 700px;
>>> +}
>>> +
>>> +.container_16 .grid_13 {
>>> +  width: 760px;
>>> +}
>>> +
>>> +.container_16 .grid_14 {
>>> +  width: 820px;
>>> +}
>>> +
>>> +.container_16 .grid_15 {
>>> +  width: 880px;
>>> +}
>>> +
>>> +.container_16 .grid_16 {
>>> +  width: 940px;
>>> +}
>>> +
>>> +/* Prefix Extra Space>>  16 Columns
>>> +----------------------------------------------------------------------------------------------------*/
>>> +
>>> +.container_16 .prefix_1 {
>>> +  padding-left: 60px;
>>> +}
>>> +
>>> +.container_16 .prefix_2 {
>>> +  padding-left: 120px;
>>> +}
>>> +
>>> +.container_16 .prefix_3 {
>>> +  padding-left: 180px;
>>> +}
>>> +
>>> +.container_16 .prefix_4 {
>>> +  padding-left: 240px;
>>> +}
>>> +
>>> +.container_16 .prefix_5 {
>>> +  padding-left: 300px;
>>> +}
>>> +
>>> +.container_16 .prefix_6 {
>>> +  padding-left: 360px;
>>> +}
>>> +
>>> +.container_16 .prefix_7 {
>>> +  padding-left: 420px;
>>> +}
>>> +
>>> +.container_16 .prefix_8 {
>>> +  padding-left: 480px;
>>> +}
>>> +
>>> +.container_16 .prefix_9 {
>>> +  padding-left: 540px;
>>> +}
>>> +
>>> +.container_16 .prefix_10 {
>>> +  padding-left: 600px;
>>> +}
>>> +
>>> +.container_16 .prefix_11 {
>>> +  padding-left: 660px;
>>> +}
>>> +
>>> +.container_16 .prefix_12 {
>>> +  padding-left: 720px;
>>> +}
>>> +
>>> +.container_16 .prefix_13 {
>>> +  padding-left: 780px;
>>> +}
>>> +
>>> +.container_16 .prefix_14 {
>>> +  padding-left: 840px;
>>> +}
>>> +
>>> +.container_16 .prefix_15 {
>>> +  padding-left: 900px;
>>> +}
>>> +
>>> +/* Suffix Extra Space>>  16 Columns
>>> +----------------------------------------------------------------------------------------------------*/
>>> +
>>> +.container_16 .suffix_1 {
>>> +  padding-right: 60px;
>>> +}
>>> +
>>> +.container_16 .suffix_2 {
>>> +  padding-right: 120px;
>>> +}
>>> +
>>> +.container_16 .suffix_3 {
>>> +  padding-right: 180px;
>>> +}
>>> +
>>> +.container_16 .suffix_4 {
>>> +  padding-right: 240px;
>>> +}
>>> +
>>> +.container_16 .suffix_5 {
>>> +  padding-right: 300px;
>>> +}
>>> +
>>> +.container_16 .suffix_6 {
>>> +  padding-right: 360px;
>>> +}
>>> +
>>> +.container_16 .suffix_7 {
>>> +  padding-right: 420px;
>>> +}
>>> +
>>> +.container_16 .suffix_8 {
>>> +  padding-right: 480px;
>>> +}
>>> +
>>> +.container_16 .suffix_9 {
>>> +  padding-right: 540px;
>>> +}
>>> +
>>> +.container_16 .suffix_10 {
>>> +  padding-right: 600px;
>>> +}
>>> +
>>> +.container_16 .suffix_11 {
>>> +  padding-right: 660px;
>>> +}
>>> +
>>> +.container_16 .suffix_12 {
>>> +  padding-right: 720px;
>>> +}
>>> +
>>> +.container_16 .suffix_13 {
>>> +  padding-right: 780px;
>>> +}
>>> +
>>> +.container_16 .suffix_14 {
>>> +  padding-right: 840px;
>>> +}
>>> +
>>> +.container_16 .suffix_15 {
>>> +  padding-right: 900px;
>>> +}
>>> +
>>> +/* Push Space>>  16 Columns
>>> +----------------------------------------------------------------------------------------------------*/
>>> +
>>> +.container_16 .push_1 {
>>> +  left: 60px;
>>> +}
>>> +
>>> +.container_16 .push_2 {
>>> +  left: 120px;
>>> +}
>>> +
>>> +.container_16 .push_3 {
>>> +  left: 180px;
>>> +}
>>> +
>>> +.container_16 .push_4 {
>>> +  left: 240px;
>>> +}
>>> +
>>> +.container_16 .push_5 {
>>> +  left: 300px;
>>> +}
>>> +
>>> +.container_16 .push_6 {
>>> +  left: 360px;
>>> +}
>>> +
>>> +.container_16 .push_7 {
>>> +  left: 420px;
>>> +}
>>> +
>>> +.container_16 .push_8 {
>>> +  left: 480px;
>>> +}
>>> +
>>> +.container_16 .push_9 {
>>> +  left: 540px;
>>> +}
>>> +
>>> +.container_16 .push_10 {
>>> +  left: 600px;
>>> +}
>>> +
>>> +.container_16 .push_11 {
>>> +  left: 660px;
>>> +}
>>> +
>>> +.container_16 .push_12 {
>>> +  left: 720px;
>>> +}
>>> +
>>> +.container_16 .push_13 {
>>> +  left: 780px;
>>> +}
>>> +
>>> +.container_16 .push_14 {
>>> +  left: 840px;
>>> +}
>>> +
>>> +.container_16 .push_15 {
>>> +  left: 900px;
>>> +}
>>> +
>>> +/* Pull Space>>  16 Columns
>>> +----------------------------------------------------------------------------------------------------*/
>>> +
>>> +.container_16 .pull_1 {
>>> +  left: -60px;
>>> +}
>>> +
>>> +.container_16 .pull_2 {
>>> +  left: -120px;
>>> +}
>>> +
>>> +.container_16 .pull_3 {
>>> +  left: -180px;
>>> +}
>>> +
>>> +.container_16 .pull_4 {
>>> +  left: -240px;
>>> +}
>>> +
>>> +.container_16 .pull_5 {
>>> +  left: -300px;
>>> +}
>>> +
>>> +.container_16 .pull_6 {
>>> +  left: -360px;
>>> +}
>>> +
>>> +.container_16 .pull_7 {
>>> +  left: -420px;
>>> +}
>>> +
>>> +.container_16 .pull_8 {
>>> +  left: -480px;
>>> +}
>>> +
>>> +.container_16 .pull_9 {
>>> +  left: -540px;
>>> +}
>>> +
>>> +.container_16 .pull_10 {
>>> +  left: -600px;
>>> +}
>>> +
>>> +.container_16 .pull_11 {
>>> +  left: -660px;
>>> +}
>>> +
>>> +.container_16 .pull_12 {
>>> +  left: -720px;
>>> +}
>>> +
>>> +.container_16 .pull_13 {
>>> +  left: -780px;
>>> +}
>>> +
>>> +.container_16 .pull_14 {
>>> +  left: -840px;
>>> +}
>>> +
>>> +.container_16 .pull_15 {
>>> +  left: -900px;
>>> +}
>>> +
>>> +/* `Clear Floated Elements
>>> +----------------------------------------------------------------------------------------------------*/
>>> +
>>> +/* http://sonspring.com/journal/clearing-floats */
>>> +
>>> +.clear {
>>> +  clear: both;
>>> +  display: block;
>>> +  overflow: hidden;
>>> +  visibility: hidden;
>>> +  width: 0;
>>> +  height: 0;
>>> +}
>>> +
>>> +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
>>> +
>>> +.clearfix:before,
>>> +.clearfix:after,
>>> +.container_16:before,
>>> +.container_16:after {
>>> +  content: '.';
>>> +  display: block;
>>> +  overflow: hidden;
>>> +  visibility: hidden;
>>> +  font-size: 0;
>>> +  line-height: 0;
>>> +  width: 0;
>>> +  height: 0;
>>> +}
>>> +
>>> +.clearfix:after,
>>> +.container_16:after {
>>> +  clear: both;
>>> +}
>>> +
>>> +/*
>>> +  The following zoom:1 rule is specifically for IE6 + IE7.
>>> +  Move to separate stylesheet if invalid CSS is a problem.
>>> +*/
>>> +
>>> +.clearfix,
>>> +.container_16 {
>>> +  zoom: 1;
>>> +}
>>> \ No newline at end of file
>>>
>>>
>>> Property changes on: trunk/css/960_16_col.css
>>> ___________________________________________________________________
>>> Added: svn:executable
>>>    + *
>>>
>>> Modified: trunk/lib/prefs/style.php
>>> ===================================================================
>>> --- trunk/lib/prefs/style.php   2011-07-05 13:37:02 UTC (rev 35210)
>>> +++ trunk/lib/prefs/style.php   2011-07-05 14:06:40 UTC (rev 35211)
>>> @@ -38,5 +38,9 @@
>>>                         'options' =>  $style_options,
>>>                         'default' =>  '',
>>>                 ),
>>> +               'style_gs960' =>  array(
>>> +               'name' =>  tra('Use 960GS CSS Template (see tiki.tpl)'),
>>> +               'type' =>  'flag',
>>> +               ),
>>>         );
>>>   }
>>>
>>> Modified: trunk/lib/setup/theme.php
>>> ===================================================================
>>> --- trunk/lib/setup/theme.php   2011-07-05 13:37:02 UTC (rev 35210)
>>> +++ trunk/lib/setup/theme.php   2011-07-05 14:06:40 UTC (rev 35211)
>>> @@ -44,6 +44,10 @@
>>>         }
>>>   }
>>>
>>> +// include GS960 16 column css file on pref
>>> +if ( $prefs['style_gs960'] == 'y')
>>> +$headerlib->add_cssfile("css/960_16_col.css",54);
>>> +
>>>   // include optional "custom" cascading stylesheet if there
>>>   $custom_css = $tikilib->get_style_path($prefs['style'], $prefs['style_option'], 'custom.css');;
>>>   if ( !empty($custom_css)) {
>>>
>>> Modified: trunk/templates/tiki-admin_include_look.tpl
>>> ===================================================================
>>> --- trunk/templates/tiki-admin_include_look.tpl 2011-07-05 13:37:02 UTC (rev 35210)
>>> +++ trunk/templates/tiki-admin_include_look.tpl 2011-07-05 14:06:40 UTC (rev 35211)
>>> @@ -33,7 +33,7 @@
>>>                                         </div>
>>>                                 </div>
>>>                         {/if}
>>> -
>>> +                       {preference name=style_gs960}
>>>                         {preference name=feature_fixed_width}
>>>                         <div class="adminoptionboxchild" id="feature_fixed_width_childcontainer">
>>>                                 {preference name=layout_fixed_width}
>>>
>>> Modified: trunk/templates/tiki.tpl
>>> ===================================================================
>>> --- trunk/templates/tiki.tpl    2011-07-05 13:37:02 UTC (rev 35210)
>>> +++ trunk/templates/tiki.tpl    2011-07-05 14:06:40 UTC (rev 35211)
>>> @@ -4,11 +4,10 @@
>>>                 {include file='header.tpl'}
>>>         </head>
>>>         <body{html_body_attributes}>
>>> -
>>>                 <ul class="jumplinks" style="position:absolute;top:-9000px;left:-9000px;z-index:9;">
>>>                         <li><a href="#tiki-center" title="{tr}Jump to Content{/tr}">{tr}Jump to Content{/tr}</a></li>
>>>                 </ul>
>>> -
>>> +
>>>                 {if $prefs.feature_fullscreen eq 'y' and $filegals_manager eq '' and $print_page ne 'y'}
>>>                         <div id="fullscreenbutton">
>>>                                 {if $smarty.session.fullscreen eq 'n'}
>>> @@ -18,16 +17,277 @@
>>>                                 {/if}
>>>                         </div>
>>>                 {/if}
>>> -
>>>                 {* TikiTest ToolBar *}
>>>                 {if $prefs.feature_tikitests eq 'y' and $tikitest_state neq 0}
>>>                         {include file='tiki-tests_topbar.tpl'}
>>>                 {/if}
>>> -
>>>                 {if $prefs.feature_ajax eq 'y'}
>>>                         {include file='tiki-ajax_header.tpl'}
>>>                 {/if}
>>> -
>>> +
>>> +{*START - 960GS (16 col) TEMPLATE*}
>>> +
>>> +{if $prefs.style_gs960 eq 'y'}
>>> +{literal}<style>html>  body #col3[id] { margin-right:-30px;} html>  body #col2[id] { margin-left: -30px;}</style>{/literal}
>>> +<div class="container_16">
>>> +<div id="fixedwidth" class="fixedwidth">  {* enables fixed-width layouts *}
>>> +               {if $prefs.feature_layoutshadows eq 'y'}<div id="main-shadow">{eval var=$prefs.main_shadow_start}{/if}
>>> +<div id="main">
>>> +                               {if ($prefs.feature_fullscreen != 'y' or $smarty.session.fullscreen != 'y') }
>>> +                                       {if $prefs.module_zones_top eq 'fixed' or ($prefs.module_zones_top ne 'n'&&  $top_modules|@count>  0)}
>>> +                                               {if $prefs.feature_layoutshadows eq 'y'}<div id="header-shadow">{eval var=$prefs.header_shadow_start}{/if}
>>> +
>>> +<div class="grid_16" id="grid_16_header">
>>> +<!-- HEADER -->
>>> +<div class="header_outer">
>>> +<div class="header_container">
>>> +<div class="fixedwidth header_fixedwidth">
>>> +<header class="clearfix header" id="header"{if $prefs.feature_bidi eq 'y'} dir="rtl"{/if}>
>>> +<div class="content clearfix modules" id="top_modules">
>>> +                                                                       {section name=homeix loop=$top_modules}
>>> +                                                                               {$top_modules[homeix].data}
>>> +                                                                       {/section}
>>> +</div>
>>> +</header>
>>> +</div>
>>> +</div>
>>> +</div>
>>> +
>>> +</div>
>>> +
>>> +                                                       {if $prefs.feature_layoutshadows eq 'y'}{eval var=$prefs.header_shadow_end}</div>{/if}
>>> +                                               {/if}
>>> +                                       {/if}
>>> +
>>> +<div class="clear"></div>
>>> +
>>> +<!-- TOP-MODULE-BAR -->
>>> +
>>> +<div class="middle_outer">
>>> +                                       {if $prefs.feature_layoutshadows eq 'y'}<div id="middle-shadow">{eval var=$prefs.middle_shadow_start}{/if}
>>> +<div class="clearfix fixedwidth middle" id="middle">
>>> +
>>> +
>>> +<div class="grid_16" id="grid_16_topbar_modules">
>>> +
>>> +<div class="content clearfix modules" id="topbar_modules">
>>> +                                       {section name=homeix loop=$topbar_modules}
>>> +                                               {$topbar_modules[homeix].data}
>>> +                                       {/section}
>>> +</div>
>>> +
>>> +</div>
>>> +<div class="clear"></div>
>>> +
>>> +<!-- MIDDLE -->
>>> +
>>> +<div class="clearfix {if $prefs.feature_fullscreen != 'y' or $smarty.session.fullscreen != 'y'}nofullscreen{else}fullscreen{/if}" id="c1c2">
>>> +<div class="clearfix" id="wrapper">
>>> +<div id="col1" class="{if $prefs.feature_left_column eq 'fixed' or ($prefs.feature_left_column ne 'n'&&  $left_modules|@count>  0&&  $show_columns.left_modules ne 'n')}/*marginleft*/{/if}{if  $prefs.feature_right_column eq 'fixed' or ($prefs.feature_right_column ne 'n'&&  $right_modules|@count>  0&&  $show_columns.right_modules ne 'n')} /*marginright*/{/if}"{if $prefs.feature_bidi eq 'y'} dir="rtl"{/if}>
>>> +                                               {if $prefs.feature_layoutshadows eq 'y'}<div id="tiki-center-shadow">{eval var=$prefs.center_shadow_start}{/if}
>>> +
>>> +<div id="tiki-center" {*id needed for ajax editpage link*} class="clearfix content">
>>> +                                                       {if ($prefs.feature_fullscreen != 'y' or $smarty.session.fullscreen != 'y')}
>>> +                                                               {if $prefs.feature_left_column eq 'user' or $prefs.feature_right_column eq 'user'}
>>> +<div class="clearfix" id="showhide_columns">
>>> +                                                                               {if  $prefs.feature_left_column eq 'fixed' or ($prefs.feature_left_column eq 'user'&&  $left_modules|@count>  0&&  $show_columns.left_modules ne 'n')}
>>> +<div style="text-align:left;float:left;">
>>> +<a class="flip" title="{tr}Show/Hide Left Column{/tr}" href="#" onClick="toggleCols('col2','left'); return false">{icon _name=oleftcol _id="oleftcol" class="colflip" alt="[{tr}Show/Hide Left Column{/tr}]"}</a>
>>> +</div>
>>> +                                                                               {/if}
>>> +                                                                               {if  $prefs.feature_right_column eq 'fixed' or ($prefs.feature_right_column eq 'user'&&  $right_modules|@count>  0&&  $show_columns.right_modules ne 'n')}
>>> +<div class="clearfix" style="text-align:right;float:right">
>>> +<a class="flip" title="{tr}Show/Hide Right Column{/tr}" href="#" onClick="toggleCols('col3','right'); return false">{icon _name=orightcol _id="orightcol" class="colflip" alt="[{tr}Show/Hide Right Column{/tr}]"}</a>
>>> +</div>
>>> +                                                                               {/if}
>>> +<br style="clear:both" />
>>> +</div>
>>> +                                                               {/if}
>>> +                                                       {/if}
>>> +
>>> +<div class="grid_16" id="grid_16_pagetop_modules">
>>> +                                                                               {if $prefs.module_zones_pagetop eq 'fixed' or ($prefs.module_zones_pagetop ne 'n'&&  $pagetop_modules|@count>  0)}
>>> +<div class="content clearfix modules" id="pagetop_modules">
>>> +                                                                                               {section name=homeix loop=$pagetop_modules}
>>> +                                                                                                       {$pagetop_modules[homeix].data}
>>> +                                                                                               {/section}
>>> +</div>
>>> +                                                                               {/if}
>>> +
>>> +</div>
>>> +<div class="clear"></div>
>>> +
>>> +
>>> +
>>> +
>>> +<div class="grid_3" id="grid_16_pageleft_modules">
>>> +
>>> +
>>> +                                                               {if $prefs.feature_fullscreen != 'y' or $smarty.session.fullscreen != 'y'}
>>> +                                                                       {if  $prefs.feature_left_column eq 'fixed' or ($prefs.feature_left_column ne 'n'&&  $left_modules|@count>  0&&  $show_columns.left_modules ne 'n')}
>>> +<aside id="col2"{if $prefs.feature_left_column eq 'user'} style="display:{if isset($cookie.show_col2) and $cookie.show_col2 ne 'y'} none{elseif isset($ie6)} block{else} table-cell{/if};"{/if}{if $prefs.feature_bidi eq 'y'} dir="rtl"{/if}>
>>> +<div id="left_modules" class="content modules">
>>> +                                                                                               {section name=homeix loop=$left_modules}
>>> +                                                                                                       {$left_modules[homeix].data}
>>> +                                                                                               {/section}
>>> +</div>
>>> +</aside>
>>> +                                                                       {/if}
>>> +                                                               {/if}</div>
>>> +
>>> +
>>> +
>>> +
>>> +<div class="grid_10" id="grid_16_middle_modules">
>>> +
>>> +
>>> +                                                                               {if $section neq 'share'&&  $prefs.feature_share eq 'y'&&  $tiki_p_share eq 'y' and (!isset($edit_page) or $edit_page ne 'y' and $prefs.feature_site_send_link ne 'y')}
>>> +<div class="share">
>>> +<a title="{tr}Share this page{/tr}" href="tiki-share.php?url={$smarty.server.REQUEST_URI|escape:'url'}">{tr}Share this page{/tr}</a>
>>> +</div>
>>> +                                                                               {/if}
>>> +                                                                               {if $prefs.feature_tell_a_friend eq 'y'&&  $tiki_p_tell_a_friend eq 'y' and (!isset($edit_page) or $edit_page ne 'y' and $prefs.feature_site_send_link ne 'y')}
>>> +<div class="tellafriend">
>>> +<a title="{tr}Email this page{/tr}" href="tiki-tell_a_friend.php?url={$smarty.server.REQUEST_URI|escape:'url'}">{tr}Email this page{/tr}</a>
>>> +</div>
>>> +                                                                               {/if}
>>> +                                                                                       {error_report}
>>> +                                                                                       {if $display_msg}
>>> +                                                                                               {remarksbox type="note" title="{tr}Notice{/tr}"}{$display_msg|escape}{/remarksbox}
>>> +                                                                                       {/if}
>>> +<div id="role_main">
>>> +                                                                                               {$mid_data}  {* You can modify mid_data using tiki-show_page.tpl *}
>>> +</div>
>>> +
>>> +
>>> +
>>> +</div>
>>> +
>>> +
>>> +<div class="grid_3" id="grid_16_right_modules">
>>> +
>>> +                                                       {if $prefs.feature_fullscreen != 'y' or $smarty.session.fullscreen != 'y'}
>>> +                                                               {if  $prefs.feature_right_column eq 'fixed' or ($prefs.feature_right_column ne 'n'&&  $right_modules|@count>  0&&  $show_columns.right_modules ne 'n')}
>>> +<aside class="clearfix" id="col3"{if $prefs.feature_right_column eq 'user'} style="display:{if isset($cookie.show_col3) and $cookie.show_col3 ne 'y'} none{elseif isset($ie6)} block{else} table-cell{/if};"{/if}{if $prefs.feature_bidi eq 'y'} dir="rtl"{/if}>
>>> +<div id="right_modules" class="content modules">
>>> +                                                                                       {if $module_pref_errors}
>>> +                                                                                               {remarksbox type="warning" title="{tr}Module errors{/tr}"}
>>> +                                                                                                       {tr}The following modules could not be loaded{/tr}
>>> +<p>
>>> +                                                                                                               {foreach from=$module_pref_errors key=index item=pref_error}
>>> +<b>{$pref_error.mod_name}:</b><br />
>>> +                                                                                                                       {tr}Preference was not set:{/tr} '{$pref_error.pref_name}'<br />
>>> +                                                                                                               {/foreach}
>>> +</p>
>>> +                                                                                               {/remarksbox}
>>> +                                                                                       {/if}
>>> +                                                                                       {section name=homeix loop=$right_modules}
>>> +                                                                                               {$right_modules[homeix].data}
>>> +                                                                                       {/section}
>>> +</div>
>>> +</aside>
>>> +<br style="clear:both" />
>>> +                                                               {/if}
>>> +                                                       {/if}
>>> +<!--[if IE 7]><br style="clear:both; height: 0" /><![endif]-->
>>> +
>>> +
>>> +</div>
>>> +<div class="clear"></div>
>>> +
>>> +
>>> +<div class="grid_16" id="grid_16_pagebottom_modules">
>>> +                                                                       {if $prefs.module_zones_pagebottom eq 'fixed' or ($prefs.module_zones_pagebottom ne 'n'&&  $pagebottom_modules|@count>  0)}
>>> +<div class="content clearfix modules" id="pagebottom_modules">
>>> +                                                                                       {section name=homeix loop=$pagebottom_modules}
>>> +                                                                                               {$pagebottom_modules[homeix].data}
>>> +                                                                                       {/section}
>>> +</div>
>>> +                                                                       {/if}
>>> +                                                                       {show_help}
>>> +</div>
>>> +<div class="clear"></div>
>>> +
>>> +
>>> +</div>{* end #tiki-center *}
>>> +                                               {if $prefs.feature_layoutshadows eq 'y'}{eval var=$prefs.center_shadow_end}</div>{/if}
>>> +
>>> +</div>
>>> +</div>{* end #wrapper *}
>>> +
>>> +
>>> +</div>
>>> +
>>> +
>>> +<div class="clear"></div>
>>> +
>>> +                                       {if $prefs.feature_layoutshadows eq 'y'}{eval var=$prefs.middle_shadow_end}</div>{/if}
>>> +</div>{* end .middle_outer *}
>>> +
>>> +<!-- FOOTER
>>> +
>>> +<div class="grid_12"></div>
>>> +<div class="clear"></div>
>>> +
>>> +                       -->
>>> +
>>> +<!-- BOTTOM MODULE BAR -->
>>> +                               {if $prefs.feature_fullscreen != 'y' or $smarty.session.fullscreen != 'y'}
>>> +                                       {if $prefs.module_zones_bottom eq 'fixed' or ($prefs.module_zones_bottom ne 'n'&&  $bottom_modules|@count>  0)}
>>> +                                               {if $prefs.feature_layoutshadows eq 'y'}<div id="footer-shadow">{eval var=$prefs.footer_shadow_start}{/if}
>>> +
>>> +<div class="grid_16" id="grid_16_footer">
>>> +
>>> +<footer class="footer" id="footer">
>>> +<div class="footer_liner">
>>> +<div class="fixedwidth footerbgtrap">
>>> +<div id="bottom_modules" class="content modules"{if $prefs.feature_bidi eq 'y'} dir="rtl"{/if}>
>>> +                                                               {section name=homeix loop=$bottom_modules}
>>> +                                                                       {$bottom_modules[homeix].data}
>>> +                                                               {/section}
>>> +</div>
>>> +</div>
>>> +</div>
>>> +</footer>{* -- END of footer -- *}
>>> +
>>> +</div>
>>> +
>>> +                                               {if $prefs.feature_layoutshadows eq 'y'}{eval var=$prefs.footer_shadow_end}</div>{/if}
>>> +                                       {/if}
>>> +                               {/if}
>>> +
>>> +
>>> +<div class="clear"></div>
>>> +
>>> +</div>{* -- END of main -- *}{if $prefs.feature_layoutshadows eq 'y'}{eval var=$prefs.main_shadow_end}</div>{/if}
>>> +</div>{* -- END of fixedwidth -- *}
>>> +
>>> +               {include file='footer.tpl'}
>>> +               {if $prefs.socialnetworks_user_firstlogin == 'y'}
>>> +                       {include file='tiki-socialnetworks_firstlogin_launcher.tpl'}
>>> +               {/if}
>>> +
>>> +               {if $prefs.feature_endbody_code}{*this code must be added just before</body>: needed by google analytics *}
>>> +                       {eval var=$prefs.feature_endbody_code}
>>> +               {/if}
>>> +               {interactivetranslation}
>>> +<!-- Put JS at the end -->
>>> +               {if $headerlib}
>>> +                       {$headerlib->output_js_config()}
>>> +                       {$headerlib->output_js_files()}
>>> +                       {$headerlib->output_js()}
>>> +               {/if}
>>> +
>>> +</div>
>>> +{/if}
>>> +
>>> +{*END - 960GS (16 col) TEMPLATE*}
>>> +
>>> +{*SWITCHES on 960gs FLAG - LOOK&FEEL ADMIN PAGE*}
>>> +
>>> +{*START - default TEMPLATE*}
>>> +
>>> +{if $prefs.style_gs960 ne 'y'}
>>>                 <div id="fixedwidth" class="fixedwidth">  {* enables fixed-width layouts *}
>>>                         {if $prefs.feature_layoutshadows eq 'y'}<div id="main-shadow">{eval var=$prefs.main_shadow_start}{/if}
>>>                         <div id="main">
>>> @@ -191,5 +451,9 @@
>>>                         {$headerlib->output_js_files()}
>>>                         {$headerlib->output_js()}
>>>                 {/if}
>>> +{/if}
>>> +
>>> +{*END - default TEMPLATE*}
>>> +
>>>         </body>
>>> -</html>
>>> +</html>
>>> \ No newline at end of file
>>>
>>>
>>> This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
>>>
>>> ------------------------------------------------------------------------------
>>> All of the data generated in your IT infrastructure is seriously valuable.
>>> Why? It contains a definitive record of application performance, security
>>> threats, fraudulent activity, and more. Splunk takes this data and makes
>>> sense of it. IT sense. And common sense.
>>> http://p.sf.net/sfu/splunk-d2d-c2
>>> _______________________________________________
>>> Tikiwiki-cvs mailing list
>>> Tik...@li...
>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-cvs
>>>
>> ------------------------------------------------------------------------------
>> All of the data generated in your IT infrastructure is seriously valuable.
>> Why? It contains a definitive record of application performance, security
>> threats, fraudulent activity, and more. Splunk takes this data and makes
>> sense of it. IT sense. And common sense.
>> http://p.sf.net/sfu/splunk-d2d-c2
>> _______________________________________________
>> TikiWiki-devel mailing list
>> Tik...@li...
>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel
>>
>
> ------------------------------------------------------------------------------
> All of the data generated in your IT infrastructure is seriously valuable.
> Why? It contains a definitive record of application performance, security 
> threats, fraudulent activity, and more. Splunk takes this data and makes 
> sense of it. IT sense. And common sense.
> http://p.sf.net/sfu/splunk-d2d-c2
> _______________________________________________
> TikiWiki-devel mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel
>
> ----------------------------------------
> Freehosting PIPNI - http://www.pipni.cz/
>