Customising the CrystalX template
Posted: Fri Feb 09, 2007 1:43 pm
Hi people, i'm really new to CMSMS so excuse me if this is a little basic lol. I've recently been making a site www.ncosgrove.com based around the CrystalX template i got off oswd.org http://www.oswd.org/design/preview/id/3465
Now my problem is as you might be able to see is that there are no curves around the buttons on my version, below is the original content in the template:
Does anybody know how I could get this working, any help would be really appreciated.
Many Thanks
p.s. this is the template I am using in the menu manager:
Now my problem is as you might be able to see is that there are no curves around the buttons on my version, below is the original content in the template:
Here is what I changed it to:
Navigation
Home
Weblog
About Me
Photos
Portfolio
Contact
Links
And here is what is in the stylesheet:
Navigation
{cms_module module='menumanager' template='header_link_to_child'}
So I pinned it down to the fact I dont have the in the template anymore since ive replaced it with {cms_module module='menumanager' template='header_link_to_child'}./* Main menu (tabs) */
#tabs {background:#192666; margin:0 5px; padding:10px 0 0 0; _height:1px;}
#tabs ul {margin:0 10px; padding:0; list-style:none;}
#tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
#tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("../design/tab_link.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;}
/* Main menu (tabs - link) */
#tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_link_l.gif") 0 0 no-repeat;}
#tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("../design/tab_link_r.gif") 100% 0 no-repeat;}
/* Main menu (tabs - hover) */
#tabs ul li a:hover {background:url("../design/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
#tabs ul li a:hover span.tab-l {background:url("../design/tab_hover_l.gif") 0 0 no-repeat;}
#tabs ul li a:hover span.tab-r {background:url("../design/tab_hover_r.gif") 100% 0 no-repeat;}
/* Main menu (tabs - active) */
#tabs ul li#active a {background:#FFF; color:#FF9000;}
#tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_active_l.gif") 0 0 no-repeat;}
#tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("../design/tab_active_r.gif") 100% 0 no-repeat;}
Does anybody know how I could get this working, any help would be really appreciated.
Many Thanks
p.s. this is the template I am using in the menu manager:
{* CSS classes used in this template:
#active - The active/current page
.sectionheader - To style section header
hr.separator - To style the ruler for the separator *}
{if $count > 0}
{foreach from=$nodelist item=node}
{if $doheaderlink == "1"}
{assign var="doheaderlink" value="0"}
url}">{$headertext}
{/if}
{if $node->depth == 1 or $showchildren == 1}
{if $node->depth > $node->prevdepth}
{repeat string="" times=$node->depth-$node->prevdepth}
{assign var="listopen" value="1"}
{elseif $node->depth prevdepth}
{if $listopen == "1"}
{repeat string="" times=$node->prevdepth-$node->depth}
{assign var="listopen" value="0"}
{/if}
{elseif $node->index > 0}
{/if}
{if $node->current == true}
url}"{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}
{elseif $node->type == 'sectionheader'}
{assign var="doheaderlink" value="1"}
{if $node->parent == true}
{assign var="showchildren" value="1"}
{else}
{assign var="showchildren" value="0"}
{/if}
{assign var="headertext" value=$node->menutext}
{elseif $node->type == 'separator'}
{else}
url}"{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}{/if}
{/if}
{/foreach}
{if $listopen == "1"}
{repeat string="" times=$node->depth-1}
{/if}
{/if}