Hi dear DNN devs and users! 

I have a very special problem with a navigation menu. I use the "CSS Friendly Adapter" solution for my navigation menus. All works very well and I am happy with it, but with my newest menu design I came in a very special situation - I am not sure if I can solve it with CSS only or if I have to go the programatical way (code behind). My problem is, that I want to change several menu items images when I click or hover over a menu item. This case results because I made a menu design which has distance shadows and all these shadows should change for all items when I place my mouse pointer over one menu item. In short words, I want that something happens with "all" menu items when I hover or click on one of them. The other possibility could be, that a background image change for the whole menu, kinda as if all menu items were transparent and a background image for the whole menu change. 

Here are two images of this menu design, for a better understanding:

 



(Image 1: menu item 1 is activated), (Image 2: menu item 5 is activated) 

As you can see the shadows are different for all items, not only the current item changes, all other items too and that is my problem, the other items change the shadow percentual, depending on how far away they are from the active item. All navigation menu tutorials and solutions I found have allways only the aspect that only the current item changes, not the other items.

Can someone help me, is there a CSS solution for such a case or must I really make it programaticaly with a special 'code behind' solution? What is the best solution, I won't use any menu design tools, I would prefer a clean CSS solution, if its possible?


Thanks
Miss Arzu Bazman
 

Hi dear DNN devs and users! 

@ schotman
Thank you very much for your answer. Sounds not bad, I hope I could find a sample or tutorial for such a case. Here is the link to this "Microsoft ASP.NET 2.0 CSS Friendly Control Adapters 1.0", if you like to look at it once. I find it very good, its a very clean and flexible way to control the design and look of many different objects. 

http://www.asp.net/cssadapters/WhitePaper.aspx

I am not sure if it is allowed to place this link, I hope it is okay.


Thanks
Miss Arzu Bazman
 

Hi dear DNN devs and users! 

@ Exiton
Thanks for your answer. Yes, the menu items are links to different pages, ..."but" the menu is in a Masterpage and that means all other pages have no menu navigation, their menu exist in this Masterpage only. Yes, if I would have such menu in every page this problem wouldn't exist, in such case it were really very easy to solve it.


Thanks
Miss Arzu Bazman