DotNetNuke Skins and Resources by ThinkofDesign

Forums

Forums > DotNetNuke > Tips and tricks
Subject: transparant menu
Prev Next
You are not authorized to post a reply.

Author Messages
Linda User is Offline
New Member
New Member
Posts: 14
12/04/2006 10:55 AM  
Hello!

I've got a question; is it possible to make a transparant menu in dnn?
If yes, how can I make one?

I don't want the menu to be colorless, but you have to be able to look trough the color to the background. just like putting the opacity of a layer to (for example) 50% in photoshop.

I hope someone can help me out on this one...
Vasilis User is Offline
Yellow Member
Yellow Member
Posts: 315
12/04/2006 11:55 AM  
Well, the CSS styles you need to make any element transparent are the following:

filter:alpha(opacity=50); /*for IE*/
opacity: 0.5; /*for Mozilla*/
-moz-opacity:0.5; /*for older Mozilla*/

So if you want to make Solpart submenu transparent you have to put this in your skin.ascx:

< dnn:solpartmenu runat="server" id="dnnSOLPARTMENU" submenucssclass="submenu">

along with all other Solpart attributes.

Then add this in your skin.css:

.submenu{filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;}

along with all other styles.

Cheers
Linda User is Offline
New Member
New Member
Posts: 14
12/05/2006 02:56 AM  
Thank you! It works (and looks) great!

Regards,

Linda
Ivan User is Offline
New Member
New Member
Posts: 1
04/10/2007 10:41 AM  

Hi!  I use the same code. Works fine in Firefox, but couldn't get it to work with IE.
 What could be the problem?

Thanks, Ivan
You are not authorized to post a reply.
Forums > DotNetNuke > Tips and tricks > transparant menu


ActiveForums 3.7