Transparent background

10 Feb 2010, 18:18

#1

New Zenner

Join Date:: Jan 2010
Posts:: 80
Plugin Contributions:: 0

Transparent background

I would like my template to be transparent for me to add a custom background. But I cant't make it work. In my theme's css I set:

body {
	margin: 0;
	margin-top: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #999999;
	background-color: #000000;
	background-image: url(../images/pagebg.gif);

Is it right?

and what about tables background? In fact I would like all my templete to be transparent.:bigups:

10 Feb 2010, 20:27

#2

donal

Zen Follower

Join Date:: Jan 2009
Posts:: 442
Plugin Contributions:: 0

Re: Transparent background

What template are you using?
I have managed it with the comstock template

10 Feb 2010, 20:41

#3

gjh42

Black Belt

Join Date:: Jul 2005
Posts:: 21,876
Plugin Contributions:: 6

Re: Transparent background

background-color: #000000;

Any background-color beside transparent is not transparent. If you delete the background-color property, it will default to transparent.

You also need to check background: and background-color: properties for other page elements, especially #mainWrapper, #headerWrapper, #contentMainWrapper, etc.

10 Feb 2010, 20:50

#4

ishtar

New Zenner

Join Date:: Jan 2010
Posts:: 80
Plugin Contributions:: 0

Re: Transparent background

gjh42:
background-color: #000000;

Any background-color beside transparent is not transparent. If you delete the background-color property, it will default to transparent.

You also need to check background: and background-color: properties for other page elements, especially #mainWrapper, #headerWrapper, #contentMainWrapper, etc.

i

Thanks for your answer!
So I have to delete background-color,right?
Ok I will try,let's see!:unsure:

11 Feb 2010, 13:55

#5

ishtar

New Zenner

Join Date:: Jan 2010
Posts:: 80
Plugin Contributions:: 0

Re: Transparent background

Can't make it work...
I'm using Zj black template and my url is http://www.distro.metal666.org/
Could you please take a look and help me to do the right modifications?

11 Feb 2010, 15:07

#6

kobra

Black Belt

Join Date:: Aug 2005
Posts:: 31,500
Plugin Contributions:: 4

Re: Transparent background

Ishtar:
Can't make it work...

You need to read the suggestions Completely

gjh42:
You also need to check background: and background-color: properties for other page elements, especially #mainWrapper, #headerWrapper, #contentMainWrapper, etc.

Your mainWrapper

#mainWrapper {
	background-color: #000000;
	text-align: left;
	width: 96%;
	vertical-align: top;
	border: 1px solid #000;
	}

11 Feb 2010, 15:41

#7

ishtar

New Zenner

Join Date:: Jan 2010
Posts:: 80
Plugin Contributions:: 0

Re: Transparent background

kobra:
You need to read the suggestions Completely

Your mainWrapper
#mainWrapper {
	background-color: #000000;
	text-align: left;
	width: 96%;
	vertical-align: top;
	border: 1px solid #000;
	}

Thanks for your answer,but please explain it better. Have I add the background image and eliminate the background color? or what is?

I'm spanish and it's very difficult for me to understant some things although I try,I promise:wink:

Please tell me! Must I eliminate and add what?:bigups:

11 Feb 2010, 16:29

#8

gjh42

Black Belt

Join Date:: Jul 2005
Posts:: 21,876
Plugin Contributions:: 6

Re: Transparent background

You need to search everywhere in your stylesheet for background: or background-color:, and try changing the color #xxxxxx to transparent.
Look at your site after each change to see what it does, and change it back if it doesn't help.

11 Feb 2010, 17:21

#9

ishtar

New Zenner

Join Date:: Jan 2010
Posts:: 80
Plugin Contributions:: 0

Re: Transparent background

gjh42:
You need to search everywhere in your stylesheet for background: or background-color:, and try changing the color #xxxxxx to transparent.
Look at your site after each change to see what it does, and change it back if it doesn't help.

Ok,now it's better understood for me,thanks!

And must add only the bg image in body or must add it to all places with need to?

:oops::bigups:

11 Feb 2010, 17:27

#10

gjh42

Black Belt

Join Date:: Jul 2005
Posts:: 21,876
Plugin Contributions:: 6

Re: Transparent background

Only in the body.

12 Feb 2010, 11:56

#11

ishtar

New Zenner

Join Date:: Jan 2010
Posts:: 80
Plugin Contributions:: 0

Re: Transparent background

gjh42:
Only in the body.

:no:

Well I have hardly tried that,but continues not working!:blush:

Could you please take a look in my style?:oops:

body {
	margin: 0;
	margin-top: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #999999;
	background-color: transparent;
	background-image: url(../images/pagebg.gif);
	}

#mainWrapper {
	background-color: transparent;
	text-align: left;
	width: 96%;
	vertical-align: top;
	border: 1px solid #000;
	}

12 Feb 2010, 13:30

#12

kobra

Black Belt

Join Date:: Aug 2005
Posts:: 31,500
Plugin Contributions:: 4

Re: Transparent background

Well I have hardly tried that,but continues not working

Well I think it is working
Look at your background image being called for the body
I looked at it and it is a BLACK tile

Space is mine to break the link

http ://www.distro.metal666.org/includes/templates/zj_black/images/pagebg.gif

12 Feb 2010, 13:36

#13

ishtar

New Zenner

Join Date:: Jan 2010
Posts:: 80
Plugin Contributions:: 0

Re: Transparent background

kobra:
Well I think it is working
Look at your background image being called for the body
I looked at it and it is a BLACK tile

Space is mine to break the link

http ://www.distro.metal666.org/includes/templates/zj_black/images/pagebg.gif

Kobra, Where is that space?:oops::bigups:

12 Feb 2010, 13:49

#14

ishtar

New Zenner

Join Date:: Jan 2010
Posts:: 80
Plugin Contributions:: 0

Re: Transparent background

Yeahhhhhhh! Now it works!!!!!!!!!!!!!!!!!!!!!!!!!!

I'm happy now and thank you very much!!!!!!!!!!!!!!
Let's drink a beer to celebrate!

12 Feb 2010, 14:03

#15

kobra

Black Belt

Join Date:: Aug 2005
Posts:: 31,500
Plugin Contributions:: 4

Re: Transparent background

It is still all black

Why did you go through allthis????

12 Feb 2010, 14:08

#16

ishtar

New Zenner

Join Date:: Jan 2010
Posts:: 80
Plugin Contributions:: 0

Re: Transparent background

kobra:
Well I think it is working
Look at your background image being called for the body
I looked at it and it is a BLACK tile

Space is mine to break the link

http ://www.distro.metal666.org/includes/templates/zj_black/images/pagebg.gif

kobra:
It is still all black

Why did you go through allthis????

Yes! it works now!
I think the problem was the failed image upload with ftp,I don't know why...:wacko:

But wait a moment and you will see now it works!:clap::clap::clap::bigups::blush: