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.

I need help making solid forum sections and headers semi-transparent!

View previous topic View next topic Go down

I need help making solid forum sections and headers semi-transparent!

Post by LyricTheBard on October 7th 2015, 9:33 pm

Hi there! I'm painfully new to the CSS scene and honestly have no idea what I'm doing. All I want to do is to somehow make the solid colors in the forum sections and the headers of my site about 80% semi-transparent without affecting any of the text or the background and logo images. I've done some searching, and people have provided codes for similar problems, but being a beginner, I have no real idea what to do with them. This is the only thing I want to mess with as far as coding goes. Help me please!

My forum is here: http://talesfromalbion.forumotion.com.

I'd like for the background image to be sort of visible through the white and dark grey areas, to match my other website http://talesfromalbion.weebly.com.


Last edited by LyricTheBard on October 7th 2015, 9:39 pm; edited 3 times in total (Reason for editing : provided links and further explanation of the issue.)

LyricTheBard
New Member

Posts : 4
Reputation : 1
Language : English

http://talesfromalbion.forumotion.com

Back to top Go down

Re: I need help making solid forum sections and headers semi-transparent!

Post by Zed is Not Dead on October 7th 2015, 10:35 pm

Hey there, try this code out!

Code:
.bodyline
{
background-image: url("");
background-position: right bottom;
background-repeat: no-repeat;
filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
-khtml-border-radius: 25px;
}

You paste that into the CSS section to get there click Admin Pannel-Displays-Colors-CSS Style Sheet, then paste and save and see if it works, note leave the background section blank unless you want it to overlap the one you have now

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Re: I need help making solid forum sections and headers semi-transparent!

Post by LyricTheBard on October 8th 2015, 1:47 am

Thank you, Zed is Not Dead, but I tried it and it didn't work. :C Thank you for being so helpful, though!

LyricTheBard
New Member

Posts : 4
Reputation : 1
Language : English

http://talesfromalbion.forumotion.com

Back to top Go down

Re: I need help making solid forum sections and headers semi-transparent!

Post by SLGray on October 8th 2015, 3:31 am

There will be an issue with this because all the categories have the same CSS selector. Because of this, you would not be able to add different images to the categories.



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: I need help making solid forum sections and headers semi-transparent!

Post by LyricTheBard on October 8th 2015, 7:05 am

I don't want to add different images. I just want to take what is already there and make it semi-transparent.

LyricTheBard
New Member

Posts : 4
Reputation : 1
Language : English

http://talesfromalbion.forumotion.com

Back to top Go down

Re: I need help making solid forum sections and headers semi-transparent!

Post by LyricTheBard on October 8th 2015, 7:34 am

I figured it out myself! I used this code:

Code:
body {
opacity:0.8;
filter:alpha(opacity=80);
}

It worked for me. Made everything on top of the background transparent, rather than just a few specific areas, though. How can I change it so that it affects everything except the logo? It's not incredibly important; I can deal with it as it is, but it'd be nice to be able to make it a bit more specific.

LyricTheBard
New Member

Posts : 4
Reputation : 1
Language : English

http://talesfromalbion.forumotion.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