Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Fully CSS Menu for DNN 4.xFully CSS Menu for DNN 4.x
Previous
 
Next
New Post
1/3/2007 2:58 PM
 

Hi all! I've got a question regarding skinning the menu. I have been using the SolPartMenu [Menu] skin object as my menu. I can almost get what I want out of it, but I'm having some trouble, and the more I learn the more I'm thinking the SolPartMenu may not be the best option for what I want. So, I'll begin by defining what I'm after.

I'm creating a menu (see http://los.thriveis.com/c/Home/tabid/250/Default.aspx) where I need a rollover effect (with an image for the background) and I want the submenu items to appear horizontally (not vertically).

B/C solpart uses tables (and <tr>s) for submenu items, I don't see a way I can massage that via CSS to make things show up side by side. Furthermore, I'm not sure exactly how to do the rollover background image for the top-level items. I don't want to have to create two images (non-rolled-over & rolled-over) for the menu (though I will if I have to).

Anyway, I think I'm rambling. Please take a look at the link above (where the request is shown from a photoshop file and further explained) and impart of your wisdom, oh knowledgable ones, as to how I can do this. Let me know if I've left out any needed info (which I certainly may have).

Thanks in advance!

-Charlie

 
New Post
1/3/2007 4:43 PM
 

You mean - you want something to look like this - http://www.skincovered.com/  or this - http://november.skincovered.com/home.aspx  that's a tab strip menu - and you can achieve a full CSS one by using the http://www.snapsis.com CSS Menu - which coincidently is also packaged in the SkinCovered Goodie Bag - with sample skins... and on our sharing forums for goodie bag subscribers, are sample files to use which have the tabbed buttons too. 

I do not think that the standard solpart menu will do this.  I haven't tried with the DNNNav menu either - but you could perhaps achieve the same thing buy having the solpart menu at top level only - eg.. no dropdown  and, the 'links' skinobject which if you set to 'same' level - I'm guessing here - or some level -it should display the children under that sub..  You would also have to use the 'active state' menu functions so that the selected root tab items have the classes within the ascx file and the css file..   You are sort of there - but it is not CSS only using the solpart menu - whereas the snapsis one is. 

Nina Meiers


Nina Meiers My Little Website
If it's on DNN, I fix, build, deploy, support,skin, host, design, consult, implement, integrate and done since 2003.
Who am I? Just a city chic, having a crack at organic berry farming.. and creating awesome websites.
 
New Post
1/5/2007 7:52 PM
 
I think my post in this thread could help you.
I would use Housemenu....
You could not do this with CSSNAV menu I think because it renders alle levels in one UL
This menu:

main00
    sub00a
    sub00b
main01
    sub01a
    sub02a

Is rendered by CSS NAV  like this:
<ul>
    <li>main00</li>
    <li>sub00a</li>
    <li>sub00b</li>
    <li>main01</li>
    <li>sub01a</li>
    <li>sub02a</li>
</ul>

Housemenu renders this:
<ul>
    <li>main00
        <ul>
        <li>sub00a</li>
        <li>sub00b</li>
        </ul>
    </li>
    <li>main01
        <ul>
        <li>sub01a</li>
        <li>sub02a</li>
       </ul>
    </li>
</ul>

And that's what you need......
 
New Post
1/8/2007 2:22 AM
 

Nina,

Thanks for the lead, but in posting back & forth with one of the folks at snapsis I learned that their CSS NavMenu does not support flyouts, which is what I want the sub-menus to be.

Thanks for the direction though. Feel free to share any other pointers with me!

-Charlie

 
New Post
1/8/2007 2:24 AM
 

Timo,

Thanks for your reply to my post! I have actually downloaded HouseMenu, and I've been trying to get it to work, but for some reason even when I set the scope to -1 it's only showing menu items that are children of the current tab (as if I'd set the scope to 0).

Of course, I may be misunderstanding how to use it, so if you (or anyone else) can correct my misunderstandings or offer some clarification I'd really appreciate it.

Thanks again for the feedback!

-Charlie

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Fully CSS Menu for DNN 4.xFully CSS Menu for DNN 4.x


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out