*nOOb* First CMSMS venture, some help please?

[yesfan]

I am in the process of importing a modified template to CMSMS....for the first time.  After many hours of reading I think I have grasped the basics and the import was going ok, until I got to the nav menu.  Having read loads of posts and solutions regarding menus I still cant get my head around it.

I am trying to get the top nav menu at: http://test.yesfan.eu to look exactly the same once I have placed the necessary CMCMS code in its place.  I am pretty sure its a CSS issue as the required menu template is the minimal one and I can get it to display the linked pages ok but without the required formating.

I have tried to modify the CSS instructions but cant seem to get the display the same.

Here is the CSS associated with the menu

Code: Select all

/* menu tabs */
#header ul {
	z-index: 999999;
	position: absolute;
   margin:0; padding: 0;
   list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(tabright.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
	color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}
/* end menu tabs */

and the code I have been using in the template in place of the original menu code

Code: Select all

{menu number_of_levels="1" template="minimal_menu.tpl"}

Would appreciate any help or direction, thanks

[Dr.CSS]

Do you have a link to the site that it's not working in?...

[yesfan]

The current page is only displaying the menu because I have not changed the xhtml for the CMSMS code.  When I insert the code the formating goes and just the text is displayed, the default CMSMS pages.

I have changed it so you can see.

http://test.yesfan.eu

What it should look like

[Dr.CSS]

Well I can't tell if you still have the CSS attached to that template or where it is but it looks like you just need a custom menu template that adds menutext...

[yesfan]

CSS is attached via CMSMS, but I have not made any changes to it, not sure what I need to change in the CSS to get the menu to display correctly.

Going to go back to the menu wiki and have another read through. Cheers

[Dr.CSS]

Look at the original menu links and you will see wrapped around the menu text, you need to make a custom menu template with those calls in them and use it in your template...

[yesfan]

Still struggling.

I get the template thing, how to create custome templates etc.  I get how to replace the unordered list in xhtml with the smarty code, i.e.

Code: Select all

{menu number_of_levels="1" template="my_template.tpl"}

But I cant work out where to put the necessary code into css, i.e.

Code: Select all

currentpage, activeparent

I have been using the tutorial as an introduction to CMSMS, which is very good but I am stumped with this.  It probably straight forward, just need to approach from a different angle I think?

[yesfan]

Think I may have cracked it.  My css was applied to a class name not the navigation div name.

[Dr.CSS]

If you used "my_template.tpl" I'm surprised it didn't throw an error as that is the call for a DB/file template, custom made template in menu manager don't use the .tpl, but yea your on the right track, match the css calls of your menu css to the ones in the code the page source shows you...