Which do option do you think would be the easier option for someone of my programming abilities, limited as they are.

Which menu template will you be using?

Mega2DNN

I suspect that you can do this.

This is really a sketch, but I think reasonable.

All of the setup is done in Mega2DNN.xslt. You'll have to learn to guess enough xslt to figure out what to do.

Start with the part . This is the part that processes all of the top level nodes. This basically creates an tag with the page's URL and text that is the page. You will want to test for the page name being home. Then instead of that, insert the image tag for icon or largeicon in place of the name.

You will probably want to look at what is output in the page source and also use the DumpXML template to grab a copy of the input to the xslt.

See this: http://www.dotnetnuke.com/Resources...lates.aspx

Thanks Joe,
I'll give it a try.

I also found a good intro tutorial from Armand Datema for editing the menu xslt document for dnn here:
http://www.dnnhero.com/Listing/tabi...atema.aspx

Thanks again,
Dan

Yes, the links to Armand's articles are at the bottom of that Wiki page, too.

(BTW, Armand is one of the really good guys in this community. I had the opportunity to meet him at the first DNN World meeting.)

Still reading up on the xslt, but I have a different issue that has come up while building out the megamenu.

I have Will Stroll's content slider on a pane. The mega menu dropdown is getting hidden behind the slides.

Do I need to add a clear style somewhere to keep this from happening? I (hopefully) have attached an image of this.

Thanks,
Dan

Possibly. Try adding this to either skin.css or portal.css:

.dnnModule{z-index:0}

(Double check default.css to make sure that I got the capitalization of dnnModule right)

No joy.
I added .DnnModule{z-index:0} to both portal and skin css. The caps match the style in the default.css
I also added z-index:0 to the mega2dnn css but that also made no difference.

I checked on a few different pages and the dropdown menu is being overlapped on these pages as well, so it's not an individual module issue.

Same problem in Chrome and FF.

Got it. Had to add z-index:1000; to the megamenu css .ul.megamenu style.

Related question to the last image. If a user mouses over a link that has a dropdown, and then moves the mouse over the dropdown, is there a way to set the color of link that triggered the dropdown (not the current link)? In the image, since the bgcolor is white as well as the standard font color of the link, the link disappears (white on white). Is is possible to change this setting?

Thanks,
Dan

There is an @breadcrumb that is true for pages is in the current breadcrumb. You could modify the xslt to add a Breadcrumb class to items in the breadcrumb, and create a style that changes the color of the links.

Thanks Joe,
Time for me to read up on xslt. I'm going to close out this thread and start a new one specific to the issue I'm working on.
Thanks again,
Dan