The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Transparent Body Line Background

View previous topic View next topic Go down

Transparent Body Line Background

Post by Something Clever on July 16th 2010, 6:15 am

Ohay thar

Basically what I want to do is really simple: I want to make the body line background colour slightly transparent so I can see through it to my background image.

I've combed this forum for similar questions, but none of seemed to yield the desired result.

Help? :'D

Something Clever
Forumember

Posts : 37
Reputation : 0
Language : English

Back to top Go down

Re: Transparent Body Line Background

Post by LH Justin on July 16th 2010, 6:55 am

Can you please clarify what you mean by "body line"?

LH Justin
Hyperactive

Male Posts : 3686
Reputation : 121
Language : English, HTML, CSS, JavaScript
Location : United States

http://www.creative-nation.net

Back to top Go down

Re: Transparent Body Line Background

Post by Something Clever on July 16th 2010, 7:10 am

I meant exactly what I said- A "body line background".

Whenever I go to the admin panel that's what it's referred to as.

Admin Panel >> Display >> Pictures and Colours >> Colours >> Background Colours >> Body line background colour

Also, I'm using Invision if that makes any difference.

Does that answer your question?


Something Clever
Forumember

Posts : 37
Reputation : 0
Language : English

Back to top Go down

Re: Transparent Body Line Background

Post by LH Justin on July 16th 2010, 7:20 am

@Something Clever wrote:I meant exactly what I said- A "body line background".

Whenever I go to the admin panel that's what it's referred to as.

Admin Panel >> Display >> Pictures and Colours >> Colours >> Background Colours >> Body line background colour

Also, I'm using Invision if that makes any difference.

Does that answer your question?

Sorry, I don't use the colors, I always disable the basic CSS. Do you mean the white wrap in the background?

LH Justin
Hyperactive

Male Posts : 3686
Reputation : 121
Language : English, HTML, CSS, JavaScript
Location : United States

http://www.creative-nation.net

Back to top Go down

Re: Transparent Body Line Background

Post by Something Clever on July 16th 2010, 7:32 am

-shakes head-

All I ask is for a decent CSS code that will allow for me to see through the "body line background colour" and to my background.

I guess it'd be best if someone who actually used the colours could help me out on this. =P

Something Clever
Forumember

Posts : 37
Reputation : 0
Language : English

Back to top Go down

Re: Transparent Body Line Background

Post by LH Justin on July 16th 2010, 7:59 am

@Something Clever wrote:-shakes head-

All I ask is for a decent CSS code that will allow for me to see through the "body line background colour" and to my background.

I guess it'd be best if someone who actually used the colours could help me out on this. =P
Well I'm just going to assume it's the wrap. Try this code.

Code:
#wrap {
    opacity:0.8;
    filter:alpha(opacity=80);
    }

By the way, you keep spelling color wrong.

LH Justin
Hyperactive

Male Posts : 3686
Reputation : 121
Language : English, HTML, CSS, JavaScript
Location : United States

http://www.creative-nation.net

Back to top Go down

Re: Transparent Body Line Background

Post by Something Clever on July 16th 2010, 8:12 am

@LH Justin wrote:
@Something Clever wrote:-shakes head-

All I ask is for a decent CSS code that will allow for me to see through the "body line background colour" and to my background.

I guess it'd be best if someone who actually used the colours could help me out on this. =P
Well I'm just going to assume it's the wrap. Try this code.

Code:
#wrap {
    opacity:0.8;
    filter:alpha(opacity=80);
    }

By the way, you keep spelling color wrong.

Colour is the British spelling, mate. Also, that code doesn't work. Nice try, though.


Something Clever
Forumember

Posts : 37
Reputation : 0
Language : English

Back to top Go down

Re: Transparent Body Line Background

Post by LH Justin on July 16th 2010, 8:13 am

@Something Clever wrote:
@LH Justin wrote:
@Something Clever wrote:-shakes head-

All I ask is for a decent CSS code that will allow for me to see through the "body line background colour" and to my background.

I guess it'd be best if someone who actually used the colours could help me out on this. =P
Well I'm just going to assume it's the wrap. Try this code.

Code:
#wrap {
    opacity:0.8;
    filter:alpha(opacity=80);
    }

By the way, you keep spelling color wrong.

Colour is the British spelling, mate. Also, that code doesn't work. Nice try, though.

My spell check begs to differ. But I didn't think it would, that code is for phpBB3, I'll try to find the one for Invision.

LH Justin
Hyperactive

Male Posts : 3686
Reputation : 121
Language : English, HTML, CSS, JavaScript
Location : United States

http://www.creative-nation.net

Back to top Go down

Re: Transparent Body Line Background

Post by Something Clever on July 16th 2010, 8:18 am

Sounds like good stuff. Please do find that code. =]!

Something Clever
Forumember

Posts : 37
Reputation : 0
Language : English

Back to top Go down

Re: Transparent Body Line Background

Post by LH Justin on July 16th 2010, 8:23 am

@Something Clever wrote:Sounds like good stuff. Please do find that code. =]!
Okay try this.

Code:
div.borderwrap,.borderwrapm {
    opacity:0.8;
    filter:alpha(opacity=80);
    }

LH Justin
Hyperactive

Male Posts : 3686
Reputation : 121
Language : English, HTML, CSS, JavaScript
Location : United States

http://www.creative-nation.net

Back to top Go down

Re: Transparent Body Line Background

Post by Something Clever on July 16th 2010, 8:33 am

@LH Justin wrote:
@Something Clever wrote:Sounds like good stuff. Please do find that code. =]!
Okay try this.

Code:
div.borderwrap,.borderwrapm {
    opacity:0.8;
    filter:alpha(opacity=80);
    }

Tried it. Didn't work. Thanks, but let's try that again? XD

Something Clever
Forumember

Posts : 37
Reputation : 0
Language : English

Back to top Go down

Re: Transparent Body Line Background

Post by LH Justin on July 16th 2010, 8:39 am

@Something Clever wrote:
@LH Justin wrote:
@Something Clever wrote:Sounds like good stuff. Please do find that code. =]!
Okay try this.

Code:
div.borderwrap,.borderwrapm {
    opacity:0.8;
    filter:alpha(opacity=80);
    }

Tried it. Didn't work. Thanks, but let's try that again? XD
Okay, link me to your forum and tell me exactly what you want changed.

LH Justin
Hyperactive

Male Posts : 3686
Reputation : 121
Language : English, HTML, CSS, JavaScript
Location : United States

http://www.creative-nation.net

Back to top Go down

Re: Transparent Body Line Background

Post by ankillien on July 16th 2010, 9:43 am

Hello,

You can add this code to your CSS..

Code:
#ipbwrapper {
background : rgba(0,0,0, 0.5);
}

You can change the rgb color code and the opacity from 0.5 to the level you want.

Note that this code will only work in standard browsers that has CSS3 support Wink

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Re: Transparent Body Line Background

Post by Something Clever on July 16th 2010, 10:30 am

@ankillien wrote:Hello,

You can add this code to your CSS..

Code:
#ipbwrapper {
background : rgba(0,0,0, 0.5);
}

You can change the rgb color code and the opacity from 0.5 to the level you want.

Note that this code will only work in standard browsers that has CSS3 support Wink

Okay, so I have copied and pasted exactly what you wrote in that code and onto my CSS sheet, but it hasn't had any affect on it. Is that supposed to happen?

How would I go about changing the level in the coding? Also, what would be a decent level so that I could just be able to see through to the background?

Can you tell me which are the standard browers that hve CSS3 support? It'd be very helpful.

Thanks,

Dee <3

Something Clever
Forumember

Posts : 37
Reputation : 0
Language : English

Back to top Go down

Re: Transparent Body Line Background

Post by ankillien on July 16th 2010, 10:36 am

Firefox and Chrome are best browsers that support CSS3.

Can you provide a link to your forum? I need to see your current CSS.

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Re: Transparent Body Line Background

Post by LH Justin on July 16th 2010, 5:03 pm

@ankillien wrote:Hello,

You can add this code to your CSS..

Code:
#ipbwrapper {
background : rgba(0,0,0, 0.5);
}

You can change the rgb color code and the opacity from 0.5 to the level you want.

Note that this code will only work in standard browsers that has CSS3 support Wink
He wants a certain part of his content transparent, not his background. That last code I gave him should've worked though.

LH Justin
Hyperactive

Male Posts : 3686
Reputation : 121
Language : English, HTML, CSS, JavaScript
Location : United States

http://www.creative-nation.net

Back to top Go down

Re: Transparent Body Line Background

Post by ankillien on July 16th 2010, 6:23 pm

I think he wants the background to be transparent so that the body background image can be seen trough.

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Re: Transparent Body Line Background

Post by LH Justin on July 16th 2010, 6:33 pm

@ankillien wrote:I think he wants the background to be transparent so that the body background image can be seen trough.
No, I think he wants the part of his forum to be transparent so that people can see through it and see his background.

LH Justin
Hyperactive

Male Posts : 3686
Reputation : 121
Language : English, HTML, CSS, JavaScript
Location : United States

http://www.creative-nation.net

Back to top Go down

Re: Transparent Body Line Background

Post by Something Clever on July 16th 2010, 9:55 pm

@LH Justin wrote:
@ankillien wrote:I think he wants the background to be transparent so that the body background image can be seen trough.
No, I think he wants the part of his forum to be transparent so that people can see through it and see his background.

Yes, what LH Justin said.

Also, I'm a she :'D

Something Clever
Forumember

Posts : 37
Reputation : 0
Language : English

Back to top Go down

Re: Transparent Body Line Background

Post by Gramagamus Online on July 17th 2010, 12:58 am

@LH Justin wrote:
@Something Clever wrote:
@LH Justin wrote:
@Something Clever wrote:-shakes head-

All I ask is for a decent CSS code that will allow for me to see through the "body line background colour" and to my background.

I guess it'd be best if someone who actually used the colours could help me out on this. =P
Well I'm just going to assume it's the wrap. Try this code.

Code:
#wrap {
    opacity:0.8;
    filter:alpha(opacity=80);
    }

By the way, you keep spelling color wrong.

Colour is the British spelling, mate. Also, that code doesn't work. Nice try, though.

My spell check begs to differ. But I didn't think it would, that code is for phpBB3, I'll try to find the one for Invision.
LH, you have the English (US) dictionary for your spellcheck. Australia and Britian spell it with a u. Colour. I'm not sure about the backgroud thing though, sorry.

Gramagamus Online
Forumember

Male Posts : 441
Reputation : 0
Language : English | HTML |
Location : Australia

http://gramagamus.darkbb.com/

Back to top Go down

Re: Transparent Body Line Background

Post by ankillien on July 17th 2010, 3:14 am

@Something Clever wrote:
@LH Justin wrote:
@ankillien wrote:I think he wants the background to be transparent so that the body background image can be seen trough.
No, I think he wants the part of his forum to be transparent so that people can see through it and see his background.

Yes, what LH Justin said.

Also, I'm a she :'D

Ok. but I can't help unless you provide me a link to your forum.

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Re: Transparent Body Line Background

Post by Wedhro on August 18th 2010, 8:14 pm

@Something Clever wrote:Basically what I want to do is really simple: I want to make the body line background colour slightly transparent so I can see through it to my background image.
Hi, everybody! I was lurking in this forum 'cause I needed the same thing the OP is asking here, and now that I've found a solution to his/our problem I signed in to post it.

It's quite simple. First, you need a 20x20px PNG file filled with the color you want and set at the opacity you need, then upload it to an image hosting site (servimg.com will do just fine). Then add this code to your CSS:

Code:
#wrap {
   background: transparent url('URL_HERE') repeat scroll top left;
        }
That's all!

Wedhro
New Member

Male Posts : 13
Reputation : 0
Language : Italian, English

http://satiroteca.forumotion.net

Back to top Go down

Re: Transparent Body Line Background

Post by WpN GeNoCiiDe on January 11th 2011, 6:58 pm

I have a similar problem. Im new in this kind of programmation (I do some C sharp).
Anyway can someone chek my forum. I want to change the white section to a transparent color so I can see my back ground.

PS: Srry for my spelling im french lol

WpN GeNoCiiDe
New Member

Posts : 1
Reputation : 0
Language : french

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum