I need help making solid forum sections and headers semi-transparent! Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
3 posters

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

    LyricTheBard
    LyricTheBard
    New Member


    Posts : 4
    Reputation : 1
    Language : English

    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.)
    Zed is Not Dead
    Zed is Not Dead
    Forumember


    Posts : 257
    Reputation : 28
    Language : English

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


    Posts : 4
    Reputation : 1
    Language : English

    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!
    SLGray
    SLGray
    Administrator
    Administrator


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

    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.
    LyricTheBard
    LyricTheBard
    New Member


    Posts : 4
    Reputation : 1
    Language : English

    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

    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.