Quick Nav:  Online Store   |   Login | Register

Graphic menus

Rate this topic:

Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.
AuthorMessages
jennC
<20 Posts
Posts:10


04/06/2007 12:20 PM  

Hello, John! Now this is the main event that all my seeking, learning, and experimenting has been building up to . . .

Now in looking at the CSS code for the menu items (and I am speaking of the Snapsis-VerticalHover one since we are building a vertical menu for our client), I get the sense that, yes, we can set the background image just like we set the background-color, but all the menu items will have the same background image. As you can see on our development site here . . .

http://cdf.agent16.com/web/NASsubpage/tabid/189/Default.aspx

we need a different graphical image for each menu item. How do I achieve that? Or can it be done with Snapsis CSS NavMenu?

(Note: The way we have it now, I simply display each menu item using a DNN Text/HTML module, just so that I can show you how the menu is supposed to look. Also, we will need to have mouse-over effects for the menu graphical buttons.)

Also, I am seeing all these "#nav" style classes in the stylesheet, but I don't see it being referenced in my calling file, namely the WhateverSkin.ascx file. Nonetheless, I've realized that if I delete the "#nav" classes off the CSS file, then I will get an unordered list for my menu items. So somewhere the "nav" classes are being referenced (as in id="nav"). Would you please direct me to where it is being used?

Thanks so much . . . looking forward to your reply!

jc

jennC
<20 Posts
Posts:10


04/06/2007 12:29 PM  
Oh, I've just found the reference for "nav" . . . it's in the "Snapsis:NavMenu" skin object code.

Why is an unordered list used for this implementation?

Thanks again!
jc

John Mitchell
Posts:3380


04/06/2007 1:49 PM  

Hi jc,

I'll answer the easy ones first.
As you found out the #nav is an id selector, and that is the id of the div that contains the NavMenu. It si done like that so you can have multiple instances on one page.

The reason it is rendered with an Unordered List is because that is really what navigation is, an unordered list of links.
It is widely used in CSS type navigation so there are lots of example to be found on the internet.

http://www.google.com/search?hl=en&sa=X&oi=spell&resnum=0&ct=result&cd=1&q=unordered+list+navigation&spell=1


Now for the harder question.  In order to specify backgrounds for each menu item on the same level individually I will have to make a modification to the code so that you can get an ID on every list.

I'll get that done today.  Please send me an e-mail by replying directly to the notification of this post so that I can send it to you.


Also, if you could do a mock-up of what you are trying to accomplish then it'll give me a better idea of how to make sure the menu supports it.

Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.



ActiveForums 3.7
Powered by: Snapsis Software