[Solved]BizBuzz not showing section headers correct

[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

[nicmare]

WHICH site???

[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.

[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

[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.

[tilde]

uniqu3

It's OK now.
Thank you.

Søren

[Dr.CSS]

You just never know what others will do with a template...