Visualising the result of a template- help please

burlington · Post by **burlington** » Tue Jun 23, 2015 5:29 pm

Hello folks

Though I have been a member of this forum for quite a long time now, and have tried to help where I can, and of course used your great help where needed, I have come across a 'block' in my abilities.

This is because I cannot 'visualise', nor indeed am good enough, the result of a template. In other words, to code what is required in to the template to achieve a set structure. Sometimes the content of a template swims before my eyes.

This problem hit me today when I was trying to turn the following template in to a 3 column affair. Middle column to contain main content.
Yes, I know that I am asking for detailed help but at the moment I am really stuck. Can anyone help please? Latest version of CMSMS.

Very many thanks for any help you can give

Regards

Martin

Template contents:
{strip}
{content assign="capturedcontent"}
{/strip}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{if empty($lang)}en{else}{$lang}{/if}" >
<head>
<title>{sitename} - {if isset($newstitle)}{$newstitle}{else}{title}{/if}</title>

{metadata}
{cms_stylesheet}

{cms_selflink dir='start' rellink=1}
{cms_selflink dir='prev' rellink=1}
{cms_selflink dir='next' rellink=1}


<__script__ src="https://ajax.googleapis.com/ajax/libs/j ... ery.min.js" type="text/javascript"></__script>
<__script__ src="/uploads/***/jquery.nivo.slider.pack.js" type="text/javascript"></__script>
<__script__ src="/uploads/***/jquery.cycle.all.js" type="text/javascript"></__script>
<__script__ src="/uploads/***/init.js" type="text/javascript"></__script>


{literal}

{/literal}

{literal}

{/literal}

</head>
</__body>
<a id="top"></a>


{content block="Display Header Slider" oneline="true" size="1" default="-" assign="display_slider" tab='Header' wysiwyg='false'}
{if empty($display_slider)}{assign var="display_slider" value="-"}{/if}
{capture assign="galleryfolder"}{content block="galleryfolder" oneline="true" label="Gallery Module foldername for Header Slideshow" tab='Header' wysiwyg='false'}{/capture}
{content block="Display Breadcrumbs" oneline="true" size="1" default="+" assign="display_breadcrumbs" tab='Header' wysiwyg='false'}
{if empty($display_breadcrumbs)}{assign var="display_breadcrumbs" value="+"}{/if}
{content block="Display Search" oneline="true" size="1" default="-" assign="display_search" tab='Header' wysiwyg='false'}
{if empty($display_search)}{assign var="display_search" value="+"}{/if}
{content block="Display News" oneline="true" size="1" default="+" assign="display_news" tab='Middle' wysiwyg='false'}
{if empty($display_news)}{assign var="display_news" value="+"}{/if}
{content block="Sliding News on/off" oneline="true" size="1" default="-" assign="display_news_slider" tab='Middle' wysiwyg='false'}
{if empty($display_news_slider)}{assign var="display_news_slider" value="+"}{/if}
{content block='Middle Content Block' assign='middlecontent' tab='Middle'}
{content block='sidebar' label='Sidebar Content Block (to hide this block just leave it empty)' assign='sidecontent' tab='Sidebar'}
{content block="Display Footer Menu" oneline="true" size="1" default="+" assign="display_footer_menu" tab='Footer' wysiwyg='false'}
{if empty($display_footer_menu)}{assign var="display_footer_menu" value="+"}{/if}
{content block='footermiddle' label='Footer Middle Content Block (to hide this block just leave it empty)' assign='footermiddle' tab='Footer'}
{content block='footerright' label='Footer Right Content Block (to hide this block just leave it empty)' assign='footerright' tab='Footer'}
{content block="Display `To Top of the page` link" oneline="true" size="1" default="+" assign="display_to_top" tab='Footer' wysiwyg='false'}
{if empty($display_to_top)}{assign var="display_to_top" value="+"}{/if}
{content block="Display Validation Icons" oneline="true" size="1" default="+" assign="display_validation" tab='Footer' wysiwyg='false'}
{if empty($display_validation)}{assign var="display_validation" value="+"}{/if}
{content block='CompanySlogan' oneline='true' assign="companyslogan" tab='Main'}
{content block='Main Page Title' oneline='true' description='H2 Title on a page frontend' assign="pagetitle" tab='Main' default='Main Page Title'}


<div id="headerWrapper">
{if $display_breadcrumbs == "+"}
<div id="header" class="span-950">
{else}
<div id="header" class="span-950 header-padding">
{/if}
<div id="logo">
<h1><a href="{root_url}" title="{sitename}"><img alt="{sitename}" src="/uploads/***/Websized-logo.jpg" /></a><br/><br/></h1>
{*{global_content name='header'}*}
<br/><br/>
<hr class="accessibility" />
</div>

</div>
</div>


<ul class="accessibility">
<li>{anchor anchor='subNav' 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>

<hr class="accessibility" />


<div id="topWrapper">
<div id="topBar" class="span-950">

<div id="mainNav">
<h2 class="accessibility">Navigation</h2>
{menu loadprops=0 number_of_levels='1'}
<hr class="accessibility" />
</div>

</div>
</div>



<div id="contentWrapper">
<div id="content" class="span-950">

{if $display_breadcrumbs == "-"}
<div class="breadcrumbs">
{breadcrumbs starttext='You are here' root='Home' delimiter='»'}
<hr class="accessibility" />
</div>
{/if}



{if $sidecontent}
<div id="main" class="leftColumn float-left">

{else}

<div id="main" class="leftColumn noSidebar float-left">

{/if}

{if $display_slider == "+"}

<div id="sliderWrapper">
{if !empty($galleryfolder)}
{Gallery template="buddySlider" dir=$galleryfolder}
{else}
<h4 class="error_message">Please enter Gallery folder name or hide Header Slider!</h4>
{/if}

</div>

{/if}

{if isset($newstitle)}
<h2>{$newstitle}</h2>
{else}

<h2>{$pagetitle}</h2>
{/if}

{$capturedcontent}
<hr class="accessibility" />
<br/><br/>
{global_content name='districts'}
</div><br/>
<br/><br/>




<div class="middleColumn float-left">


<div id="subNav">
<h2 class="accessibility">Sub Navigation</h2>
{menu loadprops=0 start_level='2' collapse='1'}
<hr class="accessibility" />
</div>
<br/>
</br>
<b><u>Our latest News</b></u>
{news}

{$middlecontent}

</div>



{if $sidecontent}

<div id="sidebar" class="float-left">

<div class="sidecontent">
{$sidecontent}

</div>

</div>


{/if}

{if $display_search == "-"}
<div id="search">
{search search_method="post"}
</div>
{/if}

</div>
</div>




{if !empty($footermiddle) || !empty($footerright) || $display_footer_menu == "+"}
<div id="bottomContentWrapper">
<div id="bottomContent" class="span-950">


{if $display_footer_menu == "+"}
<div id="footerNav">
<h3>Site links</h3>
{menu loadprops=0 number_of_levels='1'}
</div>
{/if}



{if !empty($footermiddle)}
<div class="footerMiddleColumn float-left">
{$footermiddle}

</div>
{/if}
<div class="footerRightColumn float-right">
{global_content name='suppliers'}

</div>


</div>
</div>
{/if}



<div id="footerWrapper">
<div id="footer" class="span-950">


<div class="footer_gcb float-left">
{global_content name='footer'}
</div>



{if $display_to_top == "+"}
<a href="#top" class='to-top float-right'>Top of the page</a>
{/if}



{if $display_validation == "+"}
<div class="footer-icons">
<div class="validation">
{valid_css image='false' class='valid-css' target='_blank' text='valid css3'}
{valid_xhtml image='false' class='valid-xhtml' target='_blank'}
</div>
</div>
{/if}


</div>
</div>




<__body>
</__html>