Unbound Template (solved)

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
johnflan
Forum Members
Forum Members
Posts: 38
Joined: Thu Aug 23, 2007 5:20 pm

Unbound Template (solved)

Post by johnflan »

The Unbound Template available at http://www.icms.info/cmsms-templates is great but there's a bug in not being able to turn off/on page elements as it should. (The other template with this feature Gala Purity works). I've wanted to use this feature in this template a number of times but given up so hopefully I've fixed it now.

Once installed go to Layout > Templates and select the unbound: unbound template and change it for this below. It was the second "TEMPLATE BUILDER" section that was wonky. Now when editing a page with this template attached specified elements can be turned on or off with + or -

Code: Select all

{process_pagedata}
<!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} - {title}</title>
{if isset($canonical)}
<link rel="canonical" href="{$canonical}" />
{elseif isset($content_obj)}
<link rel="canonical" href="{$content_obj->GetURL()}" />
{/if}

{metadata}
{stylesheet}

{cms_selflink dir='start' rellink=1}
{cms_selflink dir='prev' rellink=1}
{cms_selflink dir='next' rellink=1}
</head>
</__body>

<!-- TEMPLATE BUILDER --> 
{content block="Display Extra Page Data" oneline="true" size="1" default="+" assign="show_extra"}
{if empty($show_extra)}{assign var="show_extra" value="+"}{/if}
{content block="Display Search" oneline="true" size="1" default="+" assign="show_search"}
{if empty($show_search)}{assign var="show_search" value="+"}{/if} 
<!-- END TEMPLATE BUILDER --> 

<a name="main"></a> 

<!-- HEADER -->
<div id="header-wrap">
  <div id="header-photo"> <img alt="header photo" src="/cms_test/uploads/unbound/header-photo.jpg" width="890" height="290" /> </div>
  <h1 id="logo-text"><a href="{root_url}" title="{sitename}">{sitename}</a></h1>
  <p id="intro">{page_attr key="extra1"}</p>
  
  <!-- TOP-NAVIGATION -->
  <div  id="nav"> {menu template="unbound : minimal_menu" number_of_levels="1"} </div>
  {if $show_search == "+"} 
  <!-- SEARCH -->
  <div id="quick-search"> {cms_module module='Search' resultpage='search' search_method='post'} </div>
  <!-- END SEARCH --> 
  {/if} </div>
<!-- END HEADER -->

<div id="content-outer" class="clear">
  <div id="content-wrapper"> 
    
    <!-- CONTENT -->
    <div id="content">
      <div class="col-one"> {if $show_extra == "+"}
        <h2>{title}</h2>
        {/if}
        
        {content} </div>
    </div>
    <!-- END CONTENT --> 
    
    <!-- TEMPLATE BUILDER --> 
    {content block="Display News" oneline="true" size="1" default="+" assign="show_news"}
    {if empty($show_news)}{assign var="show_news" value="+"}{/if}
    {content block="Display Sidebar Menu" oneline="true" size="1" default="+" assign="show_sidebarmenu"}
    {if empty($show_sidebarmenu)}{assign var="show_sidebarmenu" value="+"}{/if}
    {content block="Display News Categories" oneline="true" size="1" default="+" assign="show_newscat"}
    {if empty($show_newscat)}{assign var="show_newscat" value="+"}{/if}
    {content block="Display Recently Updated" oneline="true" size="1" default="+" assign="show_recently"}
    {if empty($show_recently)}{assign var="show_recently" value="+"}{/if}
    {content block="Display Footer Menu" oneline="true" size="1" default="+" assign="show_footermenu"}
    {if empty($show_footermenu)}{assign var="show_footermenu" value="+"}{/if} 
    <!-- END TEMPLATE BUILDER --> 
    
    <!-- SIDEBAR -->
    <div class="col-two"> {if $show_sidebarmenu == "+"} 
      <!-- MENU -->
      <h3>Sidebar Menu</h3>
      <div class="sidemenu"> {menu template="unbound : minimal_menu" start_level="2"} </div>
      <!-- END MENU --> 
      {/if} </div>
    <div class="col-three"> {if $show_news == "+"} 
      <!-- NEWS -->
      <div class="news"> {cms_module module='News' detailpage='news' number='3'} </div>
      <!-- END NEWS --> 
      {/if} </div>
  </div>
</div>

<!-- FOOTER -->
<div id="footer-wrapper">
  <div id="footer">
    <div class="col-one"> {if $show_newscat == "+"} 
      <!-- NEWS CATEGORIES -->
      <h3>News Categories</h3>
      {cms_module module='News' action='browsecat' detailpage='news'} 
      <!-- END NEWS CATEGORIES --> 
      {/if} </div>
  </div>
  <div class="col-two"> {if $show_recently == "+"} 
    <!-- RECENTLY UPDATED -->
    <h3>Recently Updated</h3>
    {recently_updated number='3' leadin='Updated: ' dateformat='D d M Y G:i'} 
    <!-- END RECENTLY UPDATED --> 
    {/if} </div>
  <div class="col-three"> {if $show_footermenu == "+"} 
    <!-- FOOTER MENU -->
    <h3>Categories</h3>
    {cms_module module='menumanager' template='bulletmenu' number_of_levels='1' template='minimal_menu.tpl' loadprops='1'} 
    <!-- END FOOTER MENU --> 
    {/if} </div>
  <div id="footer-bottom">
    <div class="bottom-left"> {global_content name='footer'} 
      <!-- 
		  @Template by [icms.info]
		  @Version: 2.1-20090805

		--> 
      <a href="http://www.icms.info/">Create Website with CMS Made Simple</a> || Design by : <a href="index.html">styleshout</a> </div>
    <p class="bottom-right" > {cms_selflink dir="prev" label="◄◄ "} |
      {cms_selflink dir="next" label=" ►►" label_side="right"} | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://validator.w3.org/check/referer">XHTML</a> </p>
  </div>
</div>
<!-- footer ends here -->

<__body>
</__html>
Last edited by johnflan on Thu Mar 24, 2011 12:02 pm, edited 1 time in total.
dpratchford
New Member
New Member
Posts: 2
Joined: Sat Jun 25, 2011 6:39 pm

Re: Unbound Template (solved)

Post by dpratchford »

Thanks, I was struggling with this. Can you tell me where in this template or stylesheet the font is defined for the current page name that shows up under the header picture of each page?
johnflan
Forum Members
Forum Members
Posts: 38
Joined: Thu Aug 23, 2007 5:20 pm

Re: Unbound Template (solved)

Post by johnflan »

I think it's the h2 in the Unbound stylesheet. If you're using Firefox install the Web Developer add-on and under the CSS menu select "View Style Information" click on the header then you'll see all the css which applies to that element then you can trace it back to the stylesheet and, still using Firefox, use "Find" to go to the h2 element in the page.

Hope that helps
Post Reply

Return to “Layout and Design (CSS & HTML)”