please help with transparent forum T.T

Go down

please help with transparent forum T.T

Post by k.lenno.02 on September 3rd 2015, 3:34 pm

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
avatar
k.lenno.02
New Member

Female Posts : 6
Reputation : 1
Language : Dutch, English

http://Marula.Forumotion.com

Back to top Go down

Re: please help with transparent forum T.T

Post by Klemen on September 3rd 2015, 3:55 pm

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.

avatar
Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Re: please help with transparent forum T.T

Post by k.lenno.02 on September 3rd 2015, 5:14 pm

@Klemen wrote: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? ^^
avatar
k.lenno.02
New Member

Female Posts : 6
Reputation : 1
Language : Dutch, English

http://Marula.Forumotion.com

Back to top Go down

Re: please help with transparent forum T.T

Post by Klemen on September 3rd 2015, 5:22 pm

Try .post for that:

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

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum