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.

Need a little help with CSS

View previous topic View next topic Go down

Solved Need a little help with CSS

Post by sun1994 on March 21st 2012, 9:24 am

hey everyone,

I have a little problem with the css-coding. You see, I want to do some changes to my forum board (for example change the opacity), but when I use the css code:
.bodyline {}
It affects the whole board, like this:

Spoiler:

But what I actually want is to only lower the opacity of the board behind everything, like this:

Spoiler:

So I'm wondering, what kind of css-code do I have to use for that??


Last edited by sun1994 on March 21st 2012, 6:17 pm; edited 1 time in total

sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: Need a little help with CSS

Post by Nera. on March 21st 2012, 11:26 am

Hi sun,

You'll have to use a semi transparent background image for it. Any CSS code will affect the whole forum since the other divs are inside bodyline div.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Need a little help with CSS

Post by sun1994 on March 21st 2012, 12:04 pm

Ok. And how can you add that image to the board??

sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: Need a little help with CSS

Post by Nera. on March 21st 2012, 12:06 pm

Just make it and add it as a bodyline background.

Code:
.bodyline {
background-image: url('IMAGE URL GOES HERE');
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Need a little help with CSS

Post by sun1994 on March 21st 2012, 12:18 pm

Ok, so I tried, but the image isn't becoming transparant. :s
http://imageshack.us/f/805/89863330.png/

I used photoshop and changed te opacity, then saved it to a png. file. Am I doing something wrong??


Edit:
Nevermind, it worked! Very Happy
Needed to put the background-color to transparent. ^^

sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Solved Re: Need a little help with CSS

Post by Jophy on March 22nd 2012, 12:00 am

Solved

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

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