Transparent Menu.

spirostergiou / 2012-06-11 18:16:57   

Hello people.
I am new here and very thankful to indexhibit for what they doing and offering.
I need some help to make the menu's background as transparent.
Looked for an older thread but didn't found any complete solution.
Thanx for your time.

nilssanders / 2012-06-11 18:41:55   
  1. #index { width: 215px; background: transparent; /* line-height: 1.3em; */ }
nilssanders / 2012-06-11 18:43:21   

in ndxzsite / "your site" or default or what ever / style.css

lemathieu A / 2012-06-12 09:06:12   

@spirostergiou: you want a transparent background ? Follow Nills advice.
You want a semi-transparent background ? Use this :

  1. background-color: rgba (0,0,0,Alpha);

where the 3 first values are for RGB and where the Alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).

spirostergiou / 2012-06-12 09:15:58   

Thank you very much Nils and Mathieu.
It works! :)

petervangurp / 2012-08-08 21:32:58   

I want a semi-transparent background. My #index code seems right for a half opaque grey...

  1. #index { width: 215px; background-color: rgba (125,125,125,0.5); /* line-height: 1.3em; */ }
Xav / 2012-08-22 13:41:58   

Hello,

I try this line in the style.css without success, I didn't have any semi-transparent background :

#index { width: 215px; background-color: rgba (125,125,125,0.5); /* line-height: 1.3em; */ }

Any idea of what is wrong?

Thanks

arsondpi / 2012-08-22 15:20:53   

hello - what are you trying to achieve?

Xav / 2012-08-22 16:45:25   

A a semi-transparent background menu would be fine.

arsondpi / 2012-08-22 16:52:20   

add

  1. moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;

to #index... This will give you a transparency of 50%. Adjust this accordingly...
Otherwise you could create a png image with transparency, upload it and use it as a background image...Example:

  1. background: url(transparent.png) repeat;
Xav / 2012-08-22 17:13:02   

So It will be that line:

#index { width: 215px; background-color: rgba (125,125,125,0.5); moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; /* line-height: 1.3em; */ }

It's not working. There is a mistake?

Xav / 2012-08-23 17:05:28   

Any idea if it is good #index to get a semi-transparent background menu

#index { width: 215px; background-color: rgba (125,125,125,0.5); moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; /* line-height: 1.3em; */ }

arsondpi / 2012-08-23 17:07:48   

...what's your url address?

Xav / 2012-08-24 14:59:59   

This is my testing url

xaetva.lautre.net/indexhibit2/

arsondpi / 2012-08-24 15:29:32   

...what seems not to work?
It's got an opacity of 0.5...
I'm not sure I understand well - can you upload an image of what you are trying to achieve somewhere and post the link here?

Xav / 2012-08-24 16:50:00   

Ok I find a example. This site have on the left a semi-trnsparent background menu:

soi-saudade.com/

Thanks for your help

arsondpi / 2012-08-24 16:57:04   

...then simply...

  1. #index { 
  2. width: 215px; 
  3. background-color: #fff;
  4. moz-opacity:.50; 
  5. filter:alpha(opacity=50); 
  6. opacity:.50; 
  7. /* line-height: 1.3em; */ 
  8. }
noaheis / 2012-12-24 21:10:35   

This above method is making my black text in my index turn grey, unless there is an image under it. how can i implement this so the text remains black, only the background is transparent?

Vaska A / 2012-12-25 01:00:49   

The second post in this thread has the answer you seek. I'm closing this thread because it's become old and is getting unfocused.

This thread has been closed, thank you.