CMS Made Simple Forums

Posted: **Thu Dec 11, 2008 10:34 pm**

I'm very close to finishing up on my menu, but I'm still struggling just a little bit. I need to move one little thing and would appreciate any suggestions.

I've been using a modified 'menu_icon_expand'

Code: Select all

{if $count > 0}
<__script__ type="text/javascript" language="javascript" src="lib/helparea.js"></__script>
<ul class="menu_horiz" style="padding-left:0;">
{foreach from=$nodelist item=node}

{if $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
{assign var="listopen" value="0"}
{elseif $node->index > 0 && $listopen == 0}
</li>
{/if}
{if $node->index == 0}

{elseif $node->haschildren == true }

{elseif $node->haschildren == false }

{/if}
<li style="list-style-type:none;">
{if $node->current == true}
 {$node->menutext}
{if $node->haschildren == true }
<ul style="padding-left:14px;">
{assign var="listopen" value="1"}
{/if}
{else}
{if $node->haschildren == true && $node->parent != true}<hr> 
<a href="javascript:expandcontent('node{$node->id}');"><img src="http://www.montana.edu/msucommon/images/p7t_plus.gif" alt="" /></a>
 
{else}
{/if}
<a href="{if $node->id == 15}/{else}{$node->url}{/if}"{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}</a>
{if $node->haschildren == true  && $node->parent != true}
{assign var="listopen" value="1"}
<ul id="node{$node->id}" class="expand" style="padding-left:14px;">
{elseif $node->parent == true}
{assign var="listopen" value="1"}
<ul style="padding-left:14px;">
{/if}
{/if}
{/foreach}
{repeat string="</li></ul>" times=$node->depth-2}</li>
</ul></ul>
{/if}

What I'm getting is on the left, what I need to get is on the right. Any thoughts? (I'm testing it on 1.5.1)

Posted: **Thu Dec 25, 2008 9:43 pm**

Well no we can't help if that is all the info you give...

Posted: **Mon Dec 29, 2008 12:46 am**

What you posted is the codes from the menu manager
where you most likely went wrong is from the template
post the codes from the template area where you have the navigation bar codes

it seems you have a simple extra space tag, that seems fixable

post more, thxsss

Posted: **Mon Dec 29, 2008 9:03 am**

Like the others stated, the css would be very handy indeed

.

Posted: **Mon Jan 05, 2009 9:34 pm**

Thanks for the replies. I've been swamped with other things and just got back to this.

In my page template I'm calling the menu with

{cms_module module='menumanager' template='MSUold'}

I've actually been trying to modify an existing menu, but this is the css attached to the menu.

/*Sets line-height of all top-level menuitems*/
#p7TMnav div {
/*/*/line-height: 11px;
padding: 5px 0px 5px 0px;
border-bottom: 1px solid #CB9800;
margin:0px;/* */
}
/*Sets line-height of all other menuitems*/
#p7TMnav div div {
/*/*/line-height: 11px;
border: 0px;
padding: 2px 0px 2px 10px;/* */
}

/*Sets background color and border around the menu DIV*/
#p7TMnav {

}

/*Sets a bottom margin for each top-level link*/

/*second level menuitem divs and lower -Cascades to lower levels-*/
/*Sets left margin to .8em establishing a fluid cascading indent*/
#p7TMnav div div div {
margin: 0 0 0 10px;
}

/*The Link style for top-level menuitems and is read by all browsers*/
#p7TMnav div a {
color: #001155;
font-size: 9px;
border:0px;
}
/*The Link style for top-level menuitems hidden from Netscape 4*/
#p7TMnav div a:link {
/*/*/
color: #001155;
text-decoration:none;
/* display:block; */
display:inline;
border-bottom: 0px;
line-height:11px;
padding: 5px 0px 5px 0px;
text-align:left;/* */
}

#p7TMnav div a:visited {
color: #001155;
text-decoration:none;
/* display:block; */
display:inline;
border-bottom: 0px;
line-height:11px;
padding: 5px 0px 5px 0px;
text-align:left;
}
#p7TMnav div a:hover {
color: #ffffff;
text-decoration:underline;
/* display:block; */
display:inline;
border-bottom: 0px;
line-height:11px;
padding: 5px 0px 5px 0px;
text-align:left;
}

/*The Link and visited styles combined for second-level menuitems*/
#p7TMnav div div a, #p7TMnav div div a:visited {
font-size: 9px;
background-color: transparent;
border: 0;
color: #001155;
line-height:11px;
}
#p7TMnav div div a:hover {
color: #FFFFFF;
border: 0;
background-color: transparent;
}

/*The Link style for third-level menuitems and lower*/
/*To set a specific style for the fourth level, add a div to the selector*/
/*Fourth-level example syntax: p7TMnav div div div div a {declaration}*/
#p7TMnav div div div a {
font-size: 9px;
}

/*rules programatically assigned to parent links when image-based plus and minus option is selected. The padding on the 4 following rules supercedes (via !important) the padding on the p7TMnav div a selector when you've chosen the option to use images for the plus and minus signs*/
.p7plusmark {
background-repeat: no-repeat;
/*background-image: url(http://www.montana.edu/msucommon/images/p7t_plus.gif);*/
background-position: 0px 50%;
padding: 0 0 0 0px !important;
}
.p7minusmark {
background-repeat: no-repeat;
/* background-image: url(http://www.montana.edu/msucommon/images/p7t_minus.gif);*/
background-position: 0px 50%;
padding: 0 0 0 0px !important;
}

/*rule programatically assigned to child links when image-based plus and minus option is selected*/
.p7defmark {
background-image: none;
padding: 0 0 0 0px !important;
}

/*rules programatically assigned to page link correesponding to current page (You are Here)*/
.p7currentmark {
font-weight: bold;
/*text-transform: uppercase; */
/*color: #FF9900!important;*/
background-color: transparent !important;
padding: 0 0 0 0px !important;
}

#MSUnavbar a:link { border-bottom: 0px; }
#MSUnavbar a:visited { border-bottom: 0px; }
#MSUnavbar a:hover { border-bottom: 0px; }

#MSUnavbar a:link.subHeadingNavlink
{
text-align:left;
font-size:9px;
color: #003EB0;
text-decoration:none;
display:block;
border-bottom: 1px solid #CB9800;
line-height:11px;
padding: 5px 0px 5px 0px;
text-transform:uppercase;
}

#MSUnavbar a:visited.subHeadingNavlink
{
text-align:left;
font-size:9px;
color: #003EB0;
text-decoration:none;
display:block;
border-bottom: 1px solid #CB9800;
line-height:11px;
padding: 5px 0px 5px 0px;
text-transform:uppercase;
}

#MSUnavbar a:hover.subHeadingNavlink
{
text-align:left;
font-size:9px;
color: #ffffff;
text-decoration:underline;
display:block;
border-bottom: 1px solid #CB9800;
line-height:11px;
padding: 5px 0px 5px 0px;
text-transform:uppercase;
}

#p7TMnav div span.likeNavBarSubHead
{
text-align:left;
font-size:9px;
color: #003EB0 !important;
text-decoration:none;
line-height:11px;
padding: 5px 0px 5px 0px;
text-transform:uppercase !important;
}

#p7TMnav div span.likeNavBarSubHeadLower {
text-align:left;
font-size:9px;
color: #003EB0 !important;
text-decoration:none;
line-height:11px;
padding: 5px 0px 5px 0px;
text-transform:lowercase;
}

#MSUnavbar a:link.likeNavBarLink {
color: #001155;
text-decoration:none;
display:block;
border-bottom: 1px solid #CB9800 !important;
line-height:11px;
padding: 5px 0px 5px 0px;
}

#MSUnavbar a:visited.likeNavBarLink {
color: #001155;
text-decoration:none;
display:block;
border-bottom: 1px solid #CB9800 !important;
line-height:11px;
padding: 5px 0px 5px 0px;
}

#MSUnavbar a:hover.likeNavBarLink {
color: #ffffff;
text-decoration:none;
display:block;
border-bottom: 1px solid #CB9800 !important;
line-height:11px;
padding: 5px 0px 5px 0px;
}

Posted: **Mon Jan 05, 2009 9:51 pm**

Actually a link would be way better...

Posted: **Tue Jan 06, 2009 2:08 am**

I'm not sure I'm as close as I thought I was. The template is only on this page http://www.removed.edu

I'm trying to replicate this
http://www.removed.com/

And thank you for taking a look.

Edit: This post had been modified to remove the original links

Posted: **Tue Jan 06, 2009 2:44 am**

Part of the problem is that the things like Graduate are out side of the expand collapse link part...

Graduate

I would think it should look like this...

Graduate

And you need to close your hr tag...

Along with a few other errors...

http://validator.w3.org/check?verbose=1 ... Dmenu_test

Posted: **Tue Jan 06, 2009 4:10 am**

Thanks Mark,

I am making some progress now with this and it looks much better. There are other issues that I need to straighten out, but that really helped!

(And yeah, I'll fix all those other little issues)

CMS Made Simple Forums

Help: So close on Menu

Help: So close on Menu

Re: Help: So close on Menu

Re: Help: So close on Menu

Re: Help: So close on Menu

Re: Help: So close on Menu

Re: Help: So close on Menu

Re: Help: So close on Menu

Re: Help: So close on Menu

Re: Help: So close on Menu