CMS Made Simple Forums

Content management as it is meant to be
https://forum.cmsmadesimple.org/

[Solved]BizBuzz not showing section headers correct

https://forum.cmsmadesimple.org/viewtopic.php?t=47563

Page 1 of 1

[Solved]BizBuzz not showing section headers correct

Posted: Wed Sep 22, 2010 2:31 pm
by tilde
This is a very nice template.
Just discovered one problem.
As you can see on this site (it's in danish but I'am shure you will see it).
Click on sidste nyt and have a look at the menu line.
The menu items in black text is section headers.
They should look like the other menu items.
How do I do that.

Søren

Re: BizBuzz not showing section headers correct

Posted: Wed Sep 22, 2010 4:08 pm
by nicmare
WHICH site???

Re: BizBuzz not showing section headers correct

Posted: Wed Sep 22, 2010 5:47 pm
by uniqu3
Ok i have seen which site through analytics  :)
http://soren-nornberg.dk/index.php?page=sidste-nyt

Sorry for that, but to be honest i didn't test the Template with sectionheaders  ::)

Here is what to do:

In MenuManager, cpoy/paste this code instead of the one used now.

Code: Select all

{if $count > 0}

{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="" times=$node->depth-$node->prevdepth}
{elseif $node->depth prevdepth}
{repeat string="" times=$node->prevdepth-$node->depth}
{elseif $node->index > 0}{/if}{if $node->current == true}
url}" class="current"{if $node->target ne ""} target="{$node->target}"{/if}>
{$node->menutext}{elseif $node->parent == true && $node->depth == 1}
 url}" class="current"{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}
{elseif $node->type == 'sectionheader'}
{$node->menutext}{elseif $node->type == 'separator'} 
{else}
url}"{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}{/if}
{/foreach}{repeat string="" times=$node->depth-1}

{/if}
And in Stylesheet look for this code, it starts on line:478

Code: Select all

.sf-menu li a:link, .sf-menu li a:visited {
	display: block;
	font-size: 0.9em;
	line-height: 28px;
	color: #fff;
	background: transparent;
	padding: 0 5px;
	font-weight: bold;
	-moz-text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	-webkit-text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	text-transform: uppercase;
	border: none;
	text-decoration: none;
	margin-right: 5px;
}
.sf-menu li a:hover, .sf-menu li a:active, .sf-menu li a.current {
	line-height: 26px;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) !important;
	-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) !important;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) !important;
	border: 1px solid rgba(0,0,0,0.25);
	background: #7e0219;
	padding:0 4px;
}
.sf-menu li li a:link, .sf-menu li li a:visited {
	background: #7e0219;
	text-transform: none;
	text-shadow: none;
	height: 26px;
	line-height: 26px;
	font-weight: normal;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	margin: 0;
}
.sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li a.current {
	background: #910b24;
	text-decoration: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	padding: 0 5px;
}
And replace with this:

Code: Select all

.sf-menu li a:link, .sf-menu li a:visited, [color=red].sf-menu li.sectionheader[/color] {
	display: block;
	font-size: 0.9em;
	line-height: 28px;
	color: #fff;
	background: transparent;
	padding: 0 5px;
	font-weight: bold;
	-moz-text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	-webkit-text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	text-transform: uppercase;
	border: none;
	text-decoration: none;
	margin-right: 5px;
}
.sf-menu li a:hover, .sf-menu li a:active, .sf-menu li a.current {
	line-height: 26px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid rgba(0,0,0,0.25);
	background: #7e0219;
	padding:0 4px;
}
.sf-menu li li a:link, .sf-menu li li a:visited, .[color=red]sf-menu li.sectionheader li a:link, .sf-menu li.sectionheader li a:visited[/color] {
	background: #7e0219;
	font-size: 1em;
	text-transform: none;
	text-shadow: none;
	height: 26px;
	line-height: 26px;
	font-weight: normal;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	margin: 0;
}
.sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li a.current, [color=red].sf-menu li.sectionheader li a:hover, .sf-menu li.sectionheader li a:active[/color] {
	background: #910b24;
	text-decoration: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-radius: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
	padding: 0 5px;
}
So i have added in the menu template and added li.sectionheader in the stylsheet.

Re: BizBuzz not showing section headers correct

Posted: Thu Sep 23, 2010 4:43 am
by tilde
Uniq3

Thank you, it is almost OK now.
If you have a look at the site again: http://soren-nornberg.dk/
and select Sidste nyt. Try now to move your mouse over Diverse.
Here you will see one menu item called Set og Sket.
This menu item is still not shown correctly.

If I want the content of the site to be shown in 3 columns where can I change the width of those columns. All 3 will have different sizes.

Søren

Re: BizBuzz not showing section headers correct

Posted: Thu Sep 23, 2010 8:19 am
by uniqu3
Ok i think this should work for sublevel:
.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li.sectionheader{
  display: block;
  font-size: 0.9em;
  line-height: 28px;
  color: #fff;
  background: transparent;
  padding: 0 5px;
  font-weight: bold;
  -moz-text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  -webkit-text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  text-transform: uppercase;
  border: none;
  text-decoration: none;
  margin-right: 5px;
}
.sf-menu li a:hover, .sf-menu li a:active, .sf-menu li a.current {
  line-height: 26px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(0,0,0,0.25);
  background: #7e0219;
  padding:0 4px;
}
.sf-menu li li a:link, .sf-menu li li a:visited, .sf-menu li.sectionheader li a:link, .sf-menu li.sectionheader li a:visited,.sf-menu li li.sectionheader , .sf-menu li li.sectionheader  a:link, .sf-menu li li.sectionheader  a:visited {
  background: #7e0219;
  font-size: 1em;
  text-transform: none;
  text-shadow: none;
  height: 26px;
  line-height: 26px;
  font-weight: normal;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  margin: 0;
}
.sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li a.current, .sf-menu li.sectionheader li a:hover, .sf-menu li.sectionheader li a:active, .sf-menu li li.sectionheader  a:hover, .sf-menu li li.sectionheader  a:active {
  background: #910b24;
  text-decoration: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-radius: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
  padding: 0 5px;
}
Also you are missing background images place these in /uploads/BizBuzz/
Reagarding 3 column layout, you would need to edit some CSS and template, there are few if conditions so you would need to read through template carefully.
I did include option to activate 3 blocks below content, so you could try this if it fits your needs.

Re: BizBuzz not showing section headers correct

Posted: Thu Sep 23, 2010 8:35 am
by tilde
uniqu3

It's OK now.
Thank you.

Søren

Re: [Solved]BizBuzz not showing section headers correct

Posted: Wed Sep 29, 2010 2:56 pm
by Dr.CSS
You just never know what others will do with a template... ;)
All times are UTC
Page 1 of 1

Powered by phpBB® Forum Software © phpBB Limited