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.
The forum of the forums
2 posters

    Background image for user's post inside a topic

    QeemBA
    QeemBA
    Forumember


    Posts : 38
    Reputation : 1
    Language : English

    In progress Background image for user's post inside a topic

    Post by QeemBA April 8th 2015, 10:40 pm

    Hi All 

    I hope everyone do understand my problem. Basically I wanted to place an image or color or maybe a chat bubble behind a user's post. 

    This is my forum 

    Spoiler:

    It's very boring as the user's post is the same as the background. Very boring white page. Plus, I wanted to have a divider for each post. 

    This is a good example that i want. 

    Like help.forummotion's blog

    Spoiler:

    and there's a good forum with good example..

    Spoiler:

    You realized in this way is more pleasing to the eye.. and not some boring white page.

    Hope someone could help!  Hello

    Regards
    Qeem
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    In progress Re: Background image for user's post inside a topic

    Post by Ange Tuteur April 9th 2015, 3:20 am

    Hi @QueemBA,

    What is the version of your forum ? I'm assuming it's phpbb3 going by the image you posted, but I'd like to make sure.

    Thanks Smile
    QeemBA
    QeemBA
    Forumember


    Posts : 38
    Reputation : 1
    Language : English

    In progress Re: Background image for user's post inside a topic

    Post by QeemBA April 9th 2015, 4:57 am

    Yes its phbb3
    QeemBA
    QeemBA
    Forumember


    Posts : 38
    Reputation : 1
    Language : English

    In progress Re: Background image for user's post inside a topic

    Post by QeemBA April 10th 2015, 9:54 pm

    bump
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    In progress Re: Background image for user's post inside a topic

    Post by Ange Tuteur April 11th 2015, 5:47 pm

    Add this to your stylesheet :
    Display > Colors > CSS stylesheet
    Code:
    .post .postbody {
      background:#FFF;
      border:2px solid #CCC;
      border-radius:3px;
      padding:3px;
      position:relative;
    }

    .post .postbody:before, .post .postbody::before {
      content:url(http://i19.servimg.com/u/f19/18/21/41/30/l10.png);
      position:absolute;
      left:-8px;
      top:25px;
    }

    It should give you an example of what you're looking for.

      Current date/time is November 11th 2024, 3:15 pm