Thanks for you suggestions so far! Still puzzling what would a way to go.
I tried KO suggestion, but somehow the lay-out got messed up. Did not have to time to have a closer look.
The way I build the site so far, is with a fluid lay-out. For test purposes, the new lay-out:
http://www.uisge-beatha.eu/homepage.html, a three column lay-out and one on this page http://www.uisge-beatha.eu/homepage/test.html with a two column lay-out.
Gregor
Efficient way for three and two column website [solved]
Re: Efficient way for three and two column website
The content does not show up, however, the third column is still there :/ Have to look into it.KO wrote: You can also try to add this around col3:
to create it only into home page.Code: Select all
{if $page_alias == "home"} <div class="col3"> ... rest of the code </div> {/if}
There can be mistakes as I can't verify it but I hope this helps!
Keijo
Code: Select all
{if $page_alias == "homepage"}
<div class="col3">
<!-- Column 3 start / right side -->
<div id="tagcloud">
<h2>Tweets</h2>
{cms_module module="Twitter" limit="3" template="frntpg_timeline"}
</div>
<div id="tagcloud">
<h2>Tag cloud</h2>
{CGBlog browsecattemplate="Tagcloud" action="browsecat"}
</div>
<!-- Column 3 end -->
</div>
{/if}Re: Efficient way for three and two column website
Fixed it 
In the css styles for both the three column and two column are added. In the template: (Sorry, I can't get the text colored to show the adjustments.)
In the css styles for both the three column and two column are added. In the template: (Sorry, I can't get the text colored to show the adjustments.)
Code: Select all
{process_pagedata}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl-NL">
<head>
{if isset($canonical)}<link rel="canonical" href="{$canonical}" />{elseif isset($content_obj)}<link rel="canonical" href="{$content_obj->GetURL()}" />{/if}
<title>{title} | {sitename}</title>
{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}
{metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}
{* <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css"> *}
{cms_stylesheet}
{* This is how all the stylesheets attached to this template are linked to *}
{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
{* Relational links for interconnections between pages, good for accessibility and Search Engine Optmization *}
{literal}
<!-- script type="text/javascript" src="http://www.uisge-beatha.eu/uploads/Javascripts/resize_iframe.js"></__script -->
<__script__ type="text/javascript" src='http://www.uisge-beatha.eu/uploads/Javascripts/jquery.js'></__script>
<__script__ type="text/javascript" src='http://www.uisge-beatha.eu/uploads/Javascripts/cycle.js'></__script>
<__script__ type="text/javascript" src="http://www.uisge-beatha.eu/uploads/Javascripts/slimbox2.js"></__script>
<__script__ type="text/javascript" src="http://www.uisge-beatha.eu/uploads/Javascripts/slimcycle.js"></__script>
<__script__ type="text/javascript" src="http://www.uisge-beatha.eu/uploads/Javascripts/sorttable.js"></__script>
<!--[if IE 6]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
<!-- The above JavaScript is required for Menu - NCleanBlue-css to work in IE6 * }
{ * the literal below and the /literal at the end are needed whenever there are {"curly brackets"} as smarty will think it's something to process and will throw an error * }
{ * IE6 png fix * } -->
<__script__ type="text/JavaScript">
<!--
//pass min and max - measured against window width
function P7_MinMaxW(a,b){
var nw="auto",w=document.documentElement.clientWidth;
if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</__script>
<!--[if IE 6]>
<__script__ type="text/javascript" src="uploads/NCleanBlue/js/ie6fix.js"></__script>
<__script__ type="text/javascript">
// argument is a CSS selector DD_belatedPNG.fix('.sbar-top-left,.sbar-top-right,.sbar-bottom-left,.sbar-bottom-right,.main-top,.main-bottom,#version');
</__script>
<style type="text/css">
/* enable background image caching in IE6 */
html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}
</style>
<![endif]-->
{/literal}
{CGFeedMaker action='autodiscovery' feed='news'}
</head>
</__body>
<div id="header">
{* start accessibility skip links *}
<ul class="accessibility">
<li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>
<li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>
</ul>
{* end accessibility skip links *}
<hr class="accessibility" />
{* Horizontal ruler that is hidden for visual browsers by CSS *}
<h1>{cms_selflink dir="start" text="$sitename"}</h1>
{* Start Search, the input "Submit" is using an image, CSS: div#search input.search-button *}
<div id="header_banner">
{rotate path="uploads/Flash/flash_banner/" height="180" width="775"}
</div>
<div id="search" class="core-float-right">
{* search search_method="post" *}
{global_content name='google_zoek'}
</div>
{* End Search *}
</div>
{* Start Navigation, stylesheet "Navigation: ShadowMenu - Horizontal" *}
{* <div id="menu_vert"> *}
<h2 class="accessibility">Navigation</h2>
{menu template="schaduw"}
<hr class="accessibility" />
{* </div> *}
{* End Navigation *}
{* Start Bar *}
<div id="bar">
{* Start Breadcrumbs, a bit of letting you know where your at *}
<div class="breadcrumbs">
{breadcrumbs starttext='Waar ben ik' root='Home' delimiter='»'}
</div>
{* End Breadcrumbs *}
<div class="icons">
{CGFeedMaker action='rsslink' feed='news' imageonly='' image='http://www.uisge-beatha.eu/uploads/images/cms/images.jpg'}
{global_content name='twitter'}
<div id="print" class="core-float-right">
<div>{print showbutton=true script=true}</div>
</div>
</div>
<hr class="accessibility" />
</div>
{* End Bar *}
{* <div id="pagewrapper" class="colmask threecol"> *}
[glow=red]<div id="pagewrapper" class="colmask {if $page_alias == "homepage"}threecol{else}leftmenu{/if}">[/glow]
<div class="colmid">
<div class="colleft">
<div class="col1">
{* Column 1 start Middle Column
<div id="content">
{ con tent }
</div> *}
<div id="main">
{content}
<br /> {* to insure space below content *}
{global_content name='SocialMedia'}
{* Start relational links *}
{* note this is the right side, when you float: divs you need to have float: right; divs first *}
<div class="right49">
<p>{anchor anchor='main' text='^ Top'}</p>
</div>
<div class="left49">
<span>
{cms_selflink dir="previous" label="Vorige pagina: "}
{* The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" *}
</span>
<span>
{cms_selflink dir="next" label="Volgende pagina: "}
</span>
</div>
{* End relational links *}
<hr class="accessibility" />
<div class="clear"></div>
</div>
<!-- Column 1 end -->
</div>
<div class="col2">
<!-- Column 2 start / left side -->
<div id="logboek">
<h2>{cms_selflink page="Nieuwtjes" text="Logboek}</h2>
{CGBlog pagelimit="3" lang="nl_NL" summarytemplate ="UB_Logbook_frntpg" category="Logboek,Tochten"}
</div>
<!-- Start News -->
<div id="nieuwtjes">
<h2>{cms_selflink page="Nieuwtjes" text="Nieuwtjes}</h2>
{CGBlog number="3" detailpage="Nieuwtjes" lang="nl_NL" summarytemplate ="UB_Nieuwtjes_frntpg" category="General,Motor,Te water lating,Binnenboord,Onderhoud,Statistiek,Hardlopen"}
</div>
<!-- End News -->
<!-- Column 2 end -->
</div>
[glow=red]{if $page_alias == "homepage"}[/glow]
<div class="col3">
<!-- Column 3 start / right side -->
<div id="tagcloud">
<h2>Tweets</h2>
{cms_module module="Twitter" limit="3" template="frntpg_timeline"}
</div>
<div id="tagcloud">
<h2>Tag cloud</h2>
{CGBlog browsecattemplate="Tagcloud" action="browsecat"}
</div>
<!-- Column 3 end -->
</div>
[color=#804000]{/if}[/color]
</div>
</div>
<span class="util-clearb"> </span>
</div>
{* Start Footer. Edit the footer in the Global Content Block called "footer" *}
<div id="foot-wrapper">
<div id="footer">
{* stylesheet "Navigation: FatFootMenu" *}
<div class="block core-float-left">
{menu loadprops=0 template='minimal_menu.tpl' number_of_levels='1'}
</div>
{* second foot menu if active page has children *}
<div class="block core-float-left">
{menu loadprops=0 template='minimal_menu.tpl' start_level="2"}
</div>
{* edit the footer in the Global Content Block called "footer" *}
<div class="block cms">
{global_content name='footer'}
</div>
<div class="clear"></div> {* <span class="util-clearb"> </span> *}
</div>
</div>
{* End Footer *}
<__body>
</__html>