How to link section header or style internal link in CSS Vertical Menu

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"
Post Reply
Parapet
Forum Members
Forum Members
Posts: 26
Joined: Tue Jul 28, 2009 8:19 pm

How to link section header or style internal link in CSS Vertical Menu

Post by Parapet »

I am using CMSMS v 1.5.4 (Carolina) on a Windows server
php v4.4.7
MenuManager v1.5.3

I used the CSSMenu - Vertical and altered it to suit, all working fine.

I have section headers functioning as the main buttons, and those can be styled easily, but I also want to be able to have some additional main buttons that link directly to pages, but don't use a drop-down. Since the section headers don't link by default, is there a way to add a link? The answer looks like "no" in the forums, but in case anything has changed with this version of CMSMS I'm asking again, since the answer was over a year old.

My other option is to be able to style the internal page link ("pagelink") in the CSS Vertical Menu menu to produce this button. I tried doing this, copying the code in the "section_expand" template used for "sectionheader" and changing pertinent parts to  "pagelink" to produce a "pagelink" class, plus updating the CSS code, but I keep getting a double listing of the button, one a simple link like the rest of the "li" styling and a second one with the button image. I don't understand the code quite well enough I guess, I was hoping maybe someone here could help?

Thanks for any suggestions.

P
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: How to link section header or style internal link in CSS Vertical Menu

Post by Dr.CSS »

You have a very confusing way of saying what you want...

At one point you say cssmenu vertical which is a fly out type menu then you mention "section_expand" and buttons and section headers as links...
Parapet
Forum Members
Forum Members
Posts: 26
Joined: Tue Jul 28, 2009 8:19 pm

Re: How to link section header or style internal link in CSS Vertical Menu

Post by Parapet »

My apologies.. I guess I'm a little confused, too. :-) Sorry! Let me try and state this more clearly.

Since pictures are worth a 1000 words, here's the test site: http://69.89.224.191/index.php

The last two items in the lefthand menu (Feedback, Free Brochure / Kit)  should be buttons to match the others. The other buttons are section headers, no problem styling those with CSS since this option is permitted in the code of the "section_expand" template.

It looks like there are two possibilities for me:
1. set up those last two items as section headers that link directly to pages in the system, which it seems is not an option
2. set up these last two items as internal page links (using "pagelink" and creating a class for it), with CSS styling to matching  the other buttons.

For the latter option, I need to be able to style the "pagelink" and not just the "sectionheader" buttons, but this requires altering the code in Menu Manager-->menu-expand, plus editing the CSS, and it's the code I'm having trouble with. I did try it and got it mostly working, but the best I was able to do showed both a button link AND a "standard" link (without button image) for these menu items, rather than just the button link.

If you have another way to have those last two items show as buttons and not just links, I'd love to hear it!

I know this is not purely a CSS issue and may need to be posted elsewhere, but any help you can offer is greatly appreciated.
User avatar
tophers
Forum Members
Forum Members
Posts: 218
Joined: Thu Jun 07, 2007 7:25 pm

Re: How to link section header or style internal link in CSS Vertical Menu

Post by tophers »

It's a little difficult to make a recommendation without seeing all the code, but would it be easier to style the links directly, using the ids you've assigned (pic114 and pic115)? That way you could duplicate the css for the .sectionheader for those two and not have to alter the pagelink or MenuManager.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: How to link section header or style internal link in CSS Vertical Menu

Post by Dr.CSS »

THis is a CSS issue, just target those links and style them like your sectionheaders...
Parapet
Forum Members
Forum Members
Posts: 26
Joined: Tue Jul 28, 2009 8:19 pm

Re: How to link section header or style internal link in CSS Vertical Menu

Post by Parapet »

Dr. CSS wrote: THis is a CSS issue, just target those links and style them like your sectionheaders...
Perfect! I knew I needed a fresh viewpoint on this one. Thank you tophers and Dr. CSS!
Post Reply

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