The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

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

3 posters

Go down

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

Post by LyricTheBard 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
LyricTheBard
New Member

Posts : 4
Reputation : 1
Language : English

http://talesfromalbion.forumotion.com

Back to top Go down

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

Post by Zed is Not Dead 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
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

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

Post by LyricTheBard 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
LyricTheBard
New Member

Posts : 4
Reputation : 1
Language : English

http://talesfromalbion.forumotion.com

Back to top Go down

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

Post by SLGray 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.



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

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

Male Posts : 51482
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

Post by LyricTheBard 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
LyricTheBard
New Member

Posts : 4
Reputation : 1
Language : English

http://talesfromalbion.forumotion.com

Back to top Go down

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

Post by LyricTheBard 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
LyricTheBard
New Member

Posts : 4
Reputation : 1
Language : English

http://talesfromalbion.forumotion.com

Back to top Go down

Back to top

- Similar topics

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