1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Adding an image to your Post background

As it says on the tin

  1. Lisa

    Lisa Well-Known Member

    Azhria Lilu submitted a new resource:

    Adding an image to your Post background (version 1) - As it says on the tin

    Read more about this resource...
     
    AscalonCZ, alkahf, Bob and 4 others like this.
  2. Veer

    Veer Well-Known Member

    Very nice!

    How to move it above the signature line?
     
  3. Shelley

    Shelley Well-Known Member

    Try adding .messageContent replacing it and taking out Messagelist. Haven't tested it so unsure that will work.
     
    Lisa likes this.
  4. Veer

    Veer Well-Known Member

    Thanks it worked :)

    Code:
    .message .messageContent {
      background-image:url(http://bookloversforum.com/styles/blf/xenforo/misc/postwater.png) !important;
      background-position:100% 90%  !important;
      background-repeat:no-repeat no-repeat !important;
    }
     
  5. Lisa

    Lisa Well-Known Member

    Just make sure to upload your own image, since you may find it annoying when i replace the one in the code with something less friendly :D
     
    Veer likes this.
  6. Jeff Fuqua

    Jeff Fuqua Well-Known Member

    Question: does the post area have to be fixed or does this adjust down for responsive styles?
     
  7. Lisa

    Lisa Well-Known Member

    I don't have a responsive style installed, so I'm afraid I couldn't tell you.
     
  8. Shelley

    Shelley Well-Known Member

    I'm pretty sure it will adjust since it's using percentages for fixed widths. As for responsive add-on (if i read correctly) if it suffers adverse effects add it to the stuff you want to hide when responsive kicks in. which you can do via extra.css.
     
    Last edited: Jul 31, 2013
    Jeff Fuqua and Lisa like this.
  9. ip0dhacker

    ip0dhacker Active Member

    Very nice template mod. Thank you
     
    Lisa likes this.
  10. Tracy Perry

    Tracy Perry Well-Known Member

    Here is what I am using. Found the clipart on the web and since I'm learning to use Gimp got to playing with it. Anyone that wants to use it you can pull it (and I mean download it, not use it as your source file) from http://twowheeldemon.com/images/pen.gif or just drag the image to your desktop from the message.
    [​IMG]

    This is what it looks like
    [​IMG]

    Using this code
    Code:
    .messageList .messageContent {
      background-image:url(images/pen.gif) !important;
      background-position:100% 90%  !important;
      background-repeat:no-repeat no-repeat !important;
    }
     
    Last edited: Nov 20, 2016
  11. xIsabel38

    xIsabel38 Well-Known Member

    Hi, can this addition be used for specific user groups? Like giving VIPs a specific posting Background but no one else?
     
  12. Lisa

    Lisa Well-Known Member

    It's not something I've attempted personally, so I couldn't say for sure.
     
  13. Mufasa

    Mufasa Active Member

    Did you work this out? lol
     
  14. Lisa

    Lisa Well-Known Member

    Was I supposed to?
     
  15. Mufasa

    Mufasa Active Member

    No, was wondering if you did lol
     
  16. Lisa

    Lisa Well-Known Member

    No since it was not something I needed :)
     
  17. Mufasa

    Mufasa Active Member

    Ok, no worries, thanks :)
     
  18. AscalonCZ

    AscalonCZ Member

    Hey guys, this modification is awesome! Thanks for it. But can anyone please add function for groups? That mean, for example for staff i want use one picture, for donators other picture and normal users nothing.
     
  19. Lisa

    Lisa Well-Known Member

    That's way beyond my abilities, I'm afraid :) I'm no coder, I just tweak css occasionally.
     
  20. AscalonCZ

    AscalonCZ Member

    OK :) But maybe someone, who know how to do will help, please. ;) Thank you all.
     

Share This Page