Page 1 of 1
Template, Menus and css problem
Posted: Tue May 29, 2007 12:47 pm
by nachthymnen
Hello,
I just started to use the last CMSMS MLE with easyphp 2.0
I success to install it, create the few pages to start my project, but I have a problem with a template and its menus…
I read the User Handbook about Menu Manager and watch this really nice video
http://cmsmadesimple.org/uploads/media/ ... colate.htm
but I still not understand how to do to makes 2 menus : a top horizontal short menu (home, contacts etc.) and a left vertical one with my other pages.
The template that I try to use is the following one
http://www.freecsstemplates.org/preview/thegathering
I tried to add the line {cms_module module=”menumanager”} instead of this code between the divs
Code: Select all
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
but it seems that the result doesn’t follow my own css and write this code instead off :
Code: Select all
<div id="menu">
<ul>
<ul>
<li class="currentpage"><h3><dfn>Current page is 1: </dfn>Home</h3>
</li>
<li><a href="http://127.0.0.1/PNCMS/index.php?page=articles&hl=en"><dfn>2: </dfn>Articles</a>
</li>
<li><a href="http://127.0.0.1/PNCMS/index.php?page=links&hl=en"><dfn>3: </dfn>Links</a>
</li>
<li><a href="http://127.0.0.1/PNCMS/index.php?page=contacts&hl=en"><dfn>4: </dfn>Contacts</a>
</li>
</ul> </ul>
</div>
My css is the following one :
Code: Select all
#menu {
width: 750px;
height: 50px;
margin: 0 auto;
background: url(images/img4.jpg) no-repeat;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
height: 20px;
padding: 10px 20px 0 20px;
border: none;
border-right: 1px solid #110F09;
font-size: 85%;
font-weight: bold;
color: #F4D1C5;
}
#menu a:hover {
color: #FFFFFF;
}
Could anyone help me to obtain a correct result for this menu ? (for the vertical one we’ll see that later
)
Thanks in advance for your help.
Re: Template, Menus and css problem
Posted: Tue May 29, 2007 12:51 pm
by RonnyK
If you install the default content that comes with the installation, you could check the working of one of the default templates that does that. Find attached a link to Mark's website where you can login and see the default templates/menus/stylesheets.
****
If you just need to copy/paste some default install templates/stylesheets go here...
http://www.multiintech.com/CMSMSDemo/admin/login.php
Name: adman
Password: adman
****
Ronny
Re: Template, Menus and css problem
Posted: Tue May 29, 2007 1:24 pm
by nachthymnen
Ok, thanks Ronny I'll check that
Re: Template, Menus and css problem
Posted: Tue May 29, 2007 1:33 pm
by RonnyK
The default template that does what you asks is:
"Top simple navigation + left subnavigation + 1 column"
Ronny
Re: Template, Menus and css problem
Posted: Tue May 29, 2007 2:27 pm
by nachthymnen
Ok, now I understand how it works, thanks again for your help
But now I have a second problem.
My first level menu Is : Home / Articles / Links / Contacts / Movies Database
My Second Level Menu is : Movies Database
-By Title
-By Original Title
etc.
Is it possible to hide / Movies Database in the first level menu and to make the second level one always visible ?
For the moment I have to click on the first one to open the second one (if you understand what I mean)
I think that this problem is linked to the following code but I don't find where
Code: Select all
<!-- NB! The <ul><li> below is only added because several default templates use the same menu stylesheet, to "force" the subnavigation to act as if it's the second level in a list -->
<ul><li>{menu template='simple_navigation.tpl' start_level='2' collapse='1'}</li></ul>
<hr class="accessibility" />
Thanks again for your help.
Re: Template, Menus and css problem
Posted: Tue May 29, 2007 2:35 pm
by RonnyK
Is your hierarchy:
- home
- articles
- links
- contacts
- Movies Database
- By title
- By original title
If that is the case, then only "By title" and "By original title" should be shown in the vertical menu. If you've them on "start_level='2'". If you have a level above, so if they're level 3 than you should adjust the start-level correspondingly.
Do you have a link to see?
Ronny
Re: Template, Menus and css problem
Posted: Tue May 29, 2007 2:48 pm
by nachthymnen
No Sorry, for the moment I works on my local computer
It's the first time that I use CMSMS and I prefer to make some tests and see if it's really the CMS that I need (and I think that this time it's the good one, except for this ##*!! menus
)
My Hierarchy is :
Top horizontal
Home / Articles / Links / Contacts / (Database)
and
Left Vertical
Database
By Title
By original title
...
So If I understand, the best way is to create a level 2 Database (is it possible to create it under a hided empty level 1 ?) followed by levels 3 (Titles etc), isn't it ?
Re: Template, Menus and css problem
Posted: Tue May 29, 2007 3:02 pm
by RonnyK
Is database in content-manager (5. Database) and by-title "5.1 By title", can you post your calling of the vertical-menu.
Ronny
Re: Template, Menus and css problem
Posted: Tue May 29, 2007 3:05 pm
by nachthymnen
Top Horizontal Menu
{menu template='minimal_menu.tpl' number_of_levels='1'}
Left Vertical Menu
{menu template='minimal_menu.tpl' collapse='2' start_level='1'}
There is a screenshot of what I get for the moment :
I would like to Hide Home etc from the left menu and only have the level 2 submenus displayed (and maybe hide Database movies from the top menu if possible :p )
Really thanks for your patience Ronny
Re: Template, Menus and css problem
Posted: Tue May 29, 2007 3:11 pm
by RonnyK
But at what level are these in the content, I also see two flags above, are they in the menu-root as well. Can you show a picture of the content, that shows the structure of the pages (in the admin-area)
I'll answer later (if others didn't answer in between) as I've to go off driving.
Ronny
Re: Template, Menus and css problem
Posted: Tue May 29, 2007 3:33 pm
by nachthymnen
I finally find a solution with the following line :
{menu template='minimal_menu.tpl' start_element='5' start_level='2' }
It works great even it the level Movies Database appears again, but I find another way to make my menu .
Thanks a lot for your help !
Now I have to finish the website he he, it will takes a few days :s