I need help making solid forum sections and headers semi-transparent!
3 posters
Page 1 of 1
I need help making solid forum sections and headers semi-transparent!
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.
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.)
Re: I need help making solid forum sections and headers semi-transparent!
Hey there, try this code out!
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
- 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
Re: I need help making solid forum sections and headers semi-transparent!
Thank you, Zed is Not Dead, but I tried it and it didn't work. :C Thank you for being so helpful, though!
Re: I need help making solid forum sections and headers semi-transparent!
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.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: I need help making solid forum sections and headers semi-transparent!
I don't want to add different images. I just want to take what is already there and make it semi-transparent.
Re: I need help making solid forum sections and headers semi-transparent!
I figured it out myself! I used this code:
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.
- 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.
Similar topics
» Making semi-transparent forum section tables and forum widgets solid
» Making the forum headers clear?
» Making forum sections like on forumotion.
» Trouble with Catagories and making the Forum sections appear as they should
» Theme has Semi-Transparent Images
» Making the forum headers clear?
» Making forum sections like on forumotion.
» Trouble with Catagories and making the Forum sections appear as they should
» Theme has Semi-Transparent Images
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum