please help with transparent forum T.T 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.
2 posters

    please help with transparent forum T.T

    avatar
    k.lenno.02
    New Member


    Female Posts : 11
    Reputation : 1
    Language : Dutch, English

    please help with transparent forum T.T Empty please help with transparent forum T.T

    Post by k.lenno.02 September 3rd 2015, 3:34 pm

    Hi, im having quite a problem here

    well.. its not that bad, i just need a little bit of help T.T



    I own my forum for almost like 6 years and now i realized, it would look much better if eveerything is transparent. 

    now the problem is, i dont know how to do this!!

    i know where the style sheet is and how i can edit it, but i dont know the code T.T


    i want everything with a background color, to be 50% transparent
    so like the body, the forum posts, the reply box (where you write your reply), the categories but also the profile, and other pages


    the only things i dont want to have transparent are the pictures and text.


    can someone please help me with this?
    i try to figure out the code with other 'transparent topics' on this site, but they dont help at all and i wont get the result i want T.T

    My site is: Marula.forumotion.com
    Klemen
    Klemen
    Forumember


    Male Posts : 292
    Reputation : 32
    Language : English, German, Slovene

    please help with transparent forum T.T Empty Re: please help with transparent forum T.T

    Post by Klemen September 3rd 2015, 3:55 pm

    You'll have to use rgba for that:

    Example:
    Code:
    div{
        background-color: rgba(255,0,0,0.5) /*first three numbers are rgb values, the last one is alpha opacity*/
    }
    The above code is for a red background that is 50% transparent.

    You can start with these:
    Code:

    #wrap{
        background-color: rgba(99,255,109,0.5);
    }

    .headerbar{
        background-color: rgba(99,255,109,0);
    }

    .navbar{
        background-color: rgba(99,255,109,0);
    }

    Tell us how you like these.

    PS: for the transparency to have an effect you usually need a background picture under all the transparent elements.

    avatar
    k.lenno.02
    New Member


    Female Posts : 11
    Reputation : 1
    Language : Dutch, English

    please help with transparent forum T.T Empty Re: please help with transparent forum T.T

    Post by k.lenno.02 September 3rd 2015, 5:14 pm

    Klemen wrote:You'll have to use rgba for that:

    Example:
    Code:
    div{
        background-color: rgba(255,0,0,0.5) /*first three numbers are rgb values, the last one is alpha opacity*/
    }
    The above code is for a red background that is 50% transparent.

    You can start with these:
    Code:

    #wrap{
        background-color: rgba(99,255,109,0.5);
    }

    .headerbar{
        background-color: rgba(99,255,109,0);
    }

    .navbar{
        background-color: rgba(99,255,109,0);
    }

    Tell us how you like these.

    PS: for the transparency to have an effect you usually need a background picture under all the transparent elements.



    thank you, that helped me a lot, ^^

    but is there also a way to chance the color of the replies on the forum?
    like, with the code you just gave me, everything is in the color of the background.
    thats fine,

    but i also want to give the replies a different color,
    like the code of the navbar. but then for the replies
    i also want those replies to stay transparent, but simply in a different color. 

    how can i do this? ^^
    Klemen
    Klemen
    Forumember


    Male Posts : 292
    Reputation : 32
    Language : English, German, Slovene

    please help with transparent forum T.T Empty Re: please help with transparent forum T.T

    Post by Klemen September 3rd 2015, 5:22 pm

    Try .post for that:

    Code:
    .post{
        background-color: rgba(99,255,109,0.5);
    }