See through boards? Possible?

[MPrincess Nessa]

One of the things I've been wondering about a lot lately is if instead of choosing a color for the boards is if there's anyway it can be see through. I have a lot of ideas for the wallpaper in the background but a lot of the time, I have to chose something else because the picture won't be seen because of the boards. Is it possible to make them see through? I'd appreciate the help! Thank you!

[Anselm]

There's certainly a way to do it, had a look where I thought it might be but can't find it, however it's a coding issue so you could try posting in the coding request/support board

[Meme]

If it helps I think it's called transluscent or transparent, I have been looking as well for a code for a background that would scroll and a transparent background just in front of it kind of like duplicate on a check that would be stationary while the background scrolled. I found a board that had it, but I can't find it on here.

I found the board that had it....I don't want it exactly the way it works on this board but close.....here is the link if someone can help

kluanereserve.proboards.com

[ourdoomsdayx]

For that site you just posted, all it looks like they have done is make the color of their boards the same color of their bg.

[Smangii]

In order to stop the background from scrolling there's a ProBoards option under Skins/Forum Colors called Background Image Fixed... just set it to "Yes". This works as long as you have entered a URL for your background image.

[Meme]

Thanks Smangii.....I'm looking to see if I can put a transparent in between or make the background I have now into a transparent and use something from my banner I have now to make the distant back ground and you can see it through the transparent if that makes sense at all.

[Tumbleweed]

It is possible. I prefer using semi-transparent images because I have yet to see any css coding, even by the best of the coders here, that doesn't make the text look bad in the element that is made semi-transparent.

But that said, you can try the code below or check out where I have it on this [links removed] but you'll see the opacity of your text change too.

Goes in your global headers:

<style type="text/css">
<!--
.bordercolor { background-color: transparent; }
.windowbg,.windowbg2 { filter: alpha(opacity=60); opacity: .6; }
-->
</style>

Using semi-transparent images keeps your text in tact (keeps it's opacity). But first I should explain that the "bordercolor" you put in via your skins in not a border as we think of a border but actually a background behind all your other backgrounds, such as, the catbg, windowbg, etc. We could make our catbg's transparent by using something like this...

<style="text/css">
<!--
.catbg{background-color: transparent;}
-->
</style>


... but then all we'd see is the bordercolor background. So the bordercolor background has to be removed completely.

For example on this [links removed] (currently using as a test site for this example)I basically stripped all backgrounds and then added back color and transparent images to the areas I wanted.

So this is what I used:
<style type="text/css">
<!--
table tr td{background-color: transparent!important;
}
.bordercolor{background-color: transparent;
}
.windowbg, .windowbg2{background-image:url('i657.yoursemitransparentimage.png'); background-repeat: repeat;
}
.catbg,.titlebg,.newstitlebg{background-color: #000000!important; color: #ffffff;
}
-->
</style>

If you want to test it out on your site put that in your global header and feel free to use this image where the blue is, but please rehost it first so you aren't stealing my photohost bandwidth. Thanks.

Hopefully, I explained that so it makes sense, (an expert I'm not) and I hope to keep those examples up for a bit. I'll edit my post if I have to take the examples off.

Edit: Links have been removed. Need the test sites for well, tests.

[Meme]

Thank you Tumbleweed for all your help. I am going to try this out today.

[Meme]

Tumbleweed is it possible to make my own semitransparent image using psp, or ps

[Tumbleweed]

I'm sure there is but I can't tell you how. I use Xara for my graphics. Maybe someone else can advise you.

If no one chimes in or you can't figure it out, if you give me the hex color you want and the approx transparency you want I could easily make you a few variations.

[Smangii]

Jan 18, 2011 11:27:34 GMT -8 Meme said:

Tumbleweed is it possible to make my own semitransparent image using psp, or ps

Just lower the opacity on the layer and save the file as a .PNG

[Meme]

thanks Smangii Ill try it.

[sampson109]

Re: "Just lower the opacity on the layer and save the file as a .PNG" - why save it as a .PNG?

[waboab©]

Jan 20, 2011 11:12:57 GMT -8 sampson109 said:

Re: "why save it as a .PNG?

Because png supports transparency.