(CSS) How to make your whole board transparent

Cool Tips & Tricks	Help Communities:

<< Prev Topic | Next Topic >>

Cool Tips & Tricks ::: CSS FAQ ::: (CSS) How to make your whole board transparent

Topic: (CSS) How to make your whole board transparent

(?)

atlass

Registered User
ezSupporter
Posts: 19

Posted: 10/20/01 10:19 am

(CSS) How to make your whole board transparent

Without borders

Turn off borders for both navigational areas, and forums. Then go into the colour customisation tab and select clear for table heading background, forum listing background and category heading background.

If you want the threads to be transparent too, then simply leave the colour box blank for message table background 1 and 2.

This may cause some areas to default to red, even though it's not specified. If this happens to you, then put colours back into those fields and add this to the first box in advanced:

<style>

td {background-color: transparent}

</style>

With borders

If you have a plain background (ie, a colour, not an image) then instead of making the backgrounds clear, repeat the background colour for the illusion of transparency.

If you have a background image that is tiled and not greatly detailed, then add this to the first box in your advanced area:

<style>

td td {
background-image: url(http://www.server.com/backgroundimage.gif)
}

</style>

You need to put the correct url of your background image into the code.

If your background is large, or contains great detail, then it will look a little obvious, and it won't look as if your forums are transparent. The best type of backgrounds are small tiled files.

@

Edited by: atlass at: 3/21/02 12:40:06 pm

Nutrocker

ezboard Moderator
ezSupporter
Posts: 14571

Posted: 12/30/04 4:33 pm

Re: (CSS) How to make your whole board transparent

Additionally, the code below will make most areas of your board transparent, including poll areas.

  <style type="text/css">
td, tr, table, div, .m {
background-color: transparent;
font-family: verdana, helvetica, sans-serif;
}
</style>

Code posted by te1emachus

Note: You will have to disable navigation borders in your control center for the above to work.

Edited by: Nutrocker at: 10/22/05 2:43 pm

::: Topic Commands

<< Prev Topic | Next Topic >>

Icon Legend

:::Reply to Post Button

:::Edit Post Button

:::Delete Post Button (Moderator Only)

:::Subscribe to Thread Button

:::Email to Friend Button

- Cool Tips & Tricks - CSS FAQ -

ezboard Help Communities:

Help Forums Bug Base