My. Own. Menu. [SOLVED!!!!]

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
holybuzz

My. Own. Menu. [SOLVED!!!!]

Post by holybuzz »

Most of the posts about menus here seem to be about taking the existing menus and customizing them.

I want to use the CSS that I spent several days tweaking to get just right. Unfortunately, getting my head around the nodes etc.  in the menu template is driving me to distraction. I am about to resort to using Global Content Blocks.

My question:

If I have what I think is solid CSS for my menus, how do I get it into a template and (here's the important part) remove ALL of the existing menu formatiing?

Any help would be much appreciated.

Thanks.

K
Last edited by holybuzz on Sat Feb 24, 2007 7:44 pm, edited 1 time in total.
heatherfeuer

Re: My. Own. Menu.

Post by heatherfeuer »

The various default menu templates are located under the modules --> MenuManager --> templates folder.  Take a look at the cssmenu.tpl.  That will give you an idea of how to insert your own css tags.  You will need to import the template through MenuManager in the admin and give it an appropriate name in order for it to be used.  Then you call it inside your templates wherever you want the menu to appear with the smarty tag: {menu template="yourmenuteplate'}.
holybuzz

Re: My. Own. Menu. [SOLVED!!!!!]

Post by holybuzz »

Heather, I owe you a dinner.

OK, because I know there will be someone after me who will be as frustrated as I was about this, here's a few tips from a guy who knows almost nothing. (I just started with this crazy wonderful new CMSMS thang. It's great!)

If you want to use your own menu, here's how:

First, the most important thing is to style your menus at the DIV level . That is, in your stylesheet (if you don't know what a stylesheet is, stop reading now), style the parent DIV instead of the UL. Like so:







and...

#nav li {
font-family: whatever
letter-spacing: whatever
etc
}

This will save you some monkeying around in the menu template file (Step 6 below).


1. In the CMSMS Admin Panel, got to Layout > Menu Manager

2. Click the "File Templates" tab

3. Select "cssmenu.tpl" (The arrow is at the far right.)

4. Enter a new template name (how about "mymenu" without the quotes?). Submit.

5. The Menu Manager page will open. Look for your new template. Click it.

6. Again, this is the tricky part. See the red text above. The best thing to do, at least for now, is to submit the template without editing it.

7. In the CMSMS Admin Panel, got to Layout > Templates and click open the template you want to use

8. Type the smarty tag {menu template="mymenu'} where you want the menu to appear in the template.

9. Submit/Save the file

10. View the corresponding page of your site.

11. Rejoice or weep.

Disclaimer: This worked for my menu, a simple, one-level horizontal menu with background-image rollovers and color change. If your menu is complicated, I dunno. Your mileage may vary.

And if I've messed up here (a distinct possibility), please let me know.
Last edited by holybuzz on Sat Feb 24, 2007 8:21 pm, edited 1 time in total.
heatherfeuer

Re: My. Own. Menu. [SOLVED!!!!]

Post by heatherfeuer »

In lieu of dinner, how about a boost to my karma!  ;D  Glad I could help.
holybuzz

Re: My. Own. Menu. [SOLVED!!!!]

Post by holybuzz »

Your karma needs a boost? Hey, I've got cables!

(I see you live in Maine, so that joke should make sense to you.)

Thanks again.

K
heatherfeuer

Re: My. Own. Menu. [SOLVED!!!!]

Post by heatherfeuer »

:D :D :D :D

I was talking about Forum karma.  See where it says "applaud/smite" under my name?  Everyone (even you) has one.  Click on applaud and you increase someone's karma when they've been particularly helpful...
Locked

Return to “Layout and Design (CSS & HTML)”