Transparency In Top Banner V2? (RESOLVED)

[HallowedReaper]

I was wondering if there's anyway to have a transparent comic background. Um. Here's what I mean...

Spoiler! :

I'm talking about the semi-transparent page. I know that's not Top Banner V2, but I was wondering if it was possible to do that in it.

[eishiya]

Are you talking about the little gradients, or something else?

The most common way to achieve any kind of transparency for static images like backgrounds is to have them as transparent PNGs, which are very easy to create in Photoshop and similar graphics editors.

If you mean the large green gradient background, that's not transparency, it's a static image that has the gradient, it's just been colour-coordinated with everything else.

[HallowedReaper]

Sorry, let me start over. What I would like to do is make this white transparent.

Spoiler! :

How would I go about doing this.

[eishiya]

OH. Okay that made more sense. You can do that by just not setting a background and a border at all. By default, it'll be transparent.

In your Overall layout, you should have some code that looks roughly like this:

Code: Select all

   #main {
   background:#fff;
   color:#000;
   border:0;

Remove the lines starting with background and border, or comment them out by putting // in front of them (that way if you mess up, you can easily put them back in later).

[HallowedReaper]

Okay I removed Background and Border. What now?

[eishiya]

Whoops! Missed a bit. Remove background and border under #wrap as well.

Code: Select all

   #wrap {

   background:#fff;

   border:1px solid #000;


[HallowedReaper]

Okay the white's gone. So am I able to put a transparent picture in its place?

[eishiya]

Yep! To either #wrap or #main, add

Code: Select all

background: url(http://URL of your background image here);

Just remember that if you literally want the background to be transparent, the source image will have to be transparent.

[HallowedReaper]

Thanks for all your help!