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.
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.
#index { width: 215px; background: transparent; /* line-height: 1.3em; */ }
in ndxzsite / "your site" or default or what ever / style.css
@spirostergiou: you want a transparent background ? Follow Nills advice.
You want a semi-transparent background ? Use this :
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).
Thank you very much Nils and Mathieu.
It works! :)
I want a semi-transparent background. My #index code seems right for a half opaque grey...
#index { width: 215px; background-color: rgba (125,125,125,0.5); /* line-height: 1.3em; */ }
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
hello - what are you trying to achieve?
A a semi-transparent background menu would be fine.
add
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:
background: url(transparent.png) repeat;
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?
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; */ }
...what's your url address?
This is my testing url
...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?
Ok I find a example. This site have on the left a semi-trnsparent background menu:
Thanks for your help
...then simply...
#index {
width: 215px;
background-color: #fff;
moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;
/* line-height: 1.3em; */
}
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?
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.