You need to Register for free and Login to post a message in the forum.

Forum

Forums > DotNetNuke® > DotNetNuke® Questions
Subject: NAV image menu
Prev Next
You are not authorized to post a reply.

Author Messages
jm
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:2
07 Dec 2009 7:30 PM  
Hi... I am at a loss and hope someone may have some useful advice concerning the NAV menu.

I need to change an image-based css menu into a DNN NAV menu.  I have been given a single sprite .gif image containing the images for the page links along with the images corresponding to their :hover states.  I've more or less given up on this, as it does not seem possible, but I have to imagine that there must be some alternative.

I could cut the .gif sprite image up and assign them as I create the pages, but even if I did there seems to be no way to (1) not have the link text appear next to the link image or (2) assign a :hover state to change the image on hover. 

I realize that I could change the background image using CSSNodeSelectRoot and CSSNodeHoverRoot, but a generic class for all menu items will not do the trick.  For instance, I need the link for the "About" page to have a background image of "about.gif" with the CSSNodeSelectRoot being "about_selected.gif".  Whereas the link for the "Stuff" page would have to be the "stuff.gif" image with its CSSNodeSelectedRoot being "stuff_selected.gif".

Any advise would be greatly appreciated.
Joseph Craig
DNN Creative Staff
Nuke Master V
Nuke Master V
Posts:5354
07 Dec 2009 10:40 PM  
I'd like to see someone describe all of this.

I do know that you can style every node in the NAV menu, so your CSS can specify each sprite. There is a thread in the InstallIt forum at DotNetNuke (NAV Menu is in the thread title) and there are some discussions about styling the menu.

Practically, though, carving up the sprite file might be a LOT quicker ...
Joe Craig
DNN Creative Support
Subscribe to the website
Lee Sykes
DNN Creative Staff
Nuke Master V
Nuke Master V
Posts:5307
09 Dec 2009 2:33 AM  
This is possible with the DNN 5 Nav Menu not the DNN4.x Nav Menu where you can specify exactly what happens with each menu item using CSS.

I think I need to create a tutorial on delving deeper into the new CSS features of the Nav Menu, I tell you what, send me the files and I will have a look at building a menu for you - as long as I can use them as a basis for a tutorial.

Thanks,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
Joseph Craig
DNN Creative Staff
Nuke Master V
Nuke Master V
Posts:5354
09 Dec 2009 8:10 AM  
That will be another winner!
Joe Craig
DNN Creative Support
Subscribe to the website
jm
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:2
09 Dec 2009 10:25 AM  
Thanks Lee, that would be a great help for future projects.  I'll send you the files as soon as I get a chance.

I finally decided to just scrap my attempts at building an image only Nav menu based on the sprite and just hard code the image menu that my client wanted.  I then added the DNN Nav menu down below to hold the DNN host and admin links and also any subsequent links resulting from subsequent pages the client may need to add.  Not an ideal solution by far, but it was acceptable this time.
Lee Sykes
DNN Creative Staff
Nuke Master V
Nuke Master V
Posts:5307
09 Dec 2009 10:55 AM  
I'm going to put some time to one side tomorrow to experiment with this, so if you can get me the files today that would be great, thanks,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
You are not authorized to post a reply.
Forums > DotNetNuke® > DotNetNuke® Questions > NAV image menu


ActiveForums 3.7

Latest Forum Posts

DNN with Javascript Disabled by aptrivedi
Hi All,I have found my self in bit of trouble.As per my application requriement, i need to handle th...
RE: Change Registration Redirect? by ollep
Well, that sounds good Lee.But I just spent $150.00 and a few days learning the Dynamic Forms  - bec...
RE: Folder permissions by Kazi
Hello FW, The easiest way to set permissions is your control panel, Log in to your CP, click on y...
Folder permissions by saintX
Hello, Can I set the folder permissions on the remote server myself using DW or WVD? If possi...
RE: How to do links? by Guy..L
It's really hard to tell quite how awesome DNN Nav v2 is given the documentation and search results ...
Regarding Editor by prithviraj
Pls let me know whar folders we need to upload when we are changing editors. Suppose i have cute edi...
RE: Change Registration Redirect? by leesykes
It would be best to use Dynamic Registration to avoid 2 registrations.With Dynamic Registration you ...
Indexing DNN pages by Google by Jake Vizner
I have two different DNN web sites. Using Google Webmaster Tools I can see the Google indexed 12 out...
Query Regarding RAD EDitor by prithviraj
Hi, I'm using R.A.D editor in my site. At the time of adding images through the editor I'm unabl...
RE: while installing bulk emailer module in my website by jncraig
Yes, this definitely is a file permissions issue. The default ASP.NET worker task needs to have ful...
RE: Background Music by jncraig
That will work.
RE: Auto create pages and content by dhassall
Hi Joe DNN Out of the box version 4.9 Login as Host with Firefox to create and IE8 to monitor, CTR...
RE: while installing bulk emailer module in my website by dub
Agiline, We have seen this problem before. It is caused by the Security on IIS. Please have a loo...
RE: Change Registration Redirect? by ollep
Probably still want to do it with Dynamic Forms now.My reason for changing (except from getting Aweb...
RE: Change Registration Redirect? by ollep
YES!http://www.dnncreative.com/Subscribe/tabid/81/Default.aspx
RE: Change Registration Redirect? by ollep
Yes I noticed that we where talking about 2 different Modules as soon as I dug into the tutorials.Ab...
RE: Change Registration Redirect? by leesykes
If you are check out the links that I have placed in there:http://www.dnncreative.com/Subscribe/tabi...
RE: Change Registration Redirect? by leesykes
Are you referring to when subscribing there is a link to register and after they register it sends t...
RE: Change Registration Redirect? by leesykes
The method I use on here for managing my email list is complicated and involves SQL queries, it is b...
Ecommerce module needed by vishalranaut
Infyecommerce is providing ecommerce packages for the clients to develop their ecommerce sites.They ...
DotNetNuke Modules
RSS Feeds