The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

please help with transparent forum T.T

View previous topic View next topic 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

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.


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? ^^

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);
}

Klemen
Forumember

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

http://www.bannedbrotherhood.com

Back to top Go down

View previous topic View next topic Back to top


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