please help with transparent forum T.T

[k.lenno.02]

Hi, im having quite a problem here

well.. its not that bad, i just need a little bit of help T.T



I own my forum for almost like 6 years and now i realized, it would look much better if eveerything is transparent. 

now the problem is, i dont know how to do this!!

i know where the style sheet is and how i can edit it, but i dont know the code T.T


i want everything with a background color, to be 50% transparent
so like the body, the forum posts, the reply box (where you write your reply), the categories but also the profile, and other pages


the only things i dont want to have transparent are the pictures and text.


can someone please help me with this?
i try to figure out the code with other 'transparent topics' on this site, but they dont help at all and i wont get the result i want T.T

My site is: Marula.forumotion.com

[Klemen]

You'll have to use rgba for that:

Example:

Code:

div{
    background-color: rgba(255,0,0,0.5) /*first three numbers are rgb values, the last one is alpha opacity*/
}

The above code is for a red background that is 50% transparent.

You can start with these:

Code:


#wrap{
    background-color: rgba(99,255,109,0.5);
}

.headerbar{
    background-color: rgba(99,255,109,0);
}

.navbar{
    background-color: rgba(99,255,109,0);
}

Tell us how you like these.

PS: for the transparency to have an effect you usually need a background picture under all the transparent elements.

[k.lenno.02]

You'll have to use rgba for that:

Example:

Code:

div{
    background-color: rgba(255,0,0,0.5) /*first three numbers are rgb values, the last one is alpha opacity*/
}

The above code is for a red background that is 50% transparent.

You can start with these:

Code:


#wrap{
    background-color: rgba(99,255,109,0.5);
}

.headerbar{
    background-color: rgba(99,255,109,0);
}

.navbar{
    background-color: rgba(99,255,109,0);
}

Tell us how you like these.

PS: for the transparency to have an effect you usually need a background picture under all the transparent elements.

thank you, that helped me a lot, ^^

but is there also a way to chance the color of the replies on the forum?
like, with the code you just gave me, everything is in the color of the background.
thats fine,

but i also want to give the replies a different color,
like the code of the navbar. but then for the replies
i also want those replies to stay transparent, but simply in a different color. 

how can i do this? ^^

[Klemen]

Try .post for that:

Code:

.post{
    background-color: rgba(99,255,109,0.5);
}