jm
Nuke Newbie Posts:2
|
12/07/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 MVP Posts:11667
|
12/07/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, Patapsco Research Group Complete DNN Support |
|
|
Lee Sykes DNN Creative Staff
Nuke Master VI Posts:4945
|
|
Joseph Craig DNN MVP Posts:11667
|
|
jm
Nuke Newbie Posts:2
|
12/09/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 VI Posts:4945
|
|