Username:
Password:

Hello Guest


If you want to join in our community , please register or login , you have in header a login form , or if you want to register ,press me .
  • Forum
  • Forum
  • Forum
  • Forum
  • Forum
  • fmSoftware is for sale , if you want to buy the forum and/or the old themes , jaques.gfx skype or roby_cs_reax@yahoo.com for EMAIL.

    You are not connected. Please login or register

    View previous topic View next topic Go down  Message [Page 1 of 1]

    Lovely King

    Posts : 100
    Points : 1630
    Thanks : 0
    User

    I want to set a background for the writer in posts like this


    I got this picture from here
    http://forum.forumactif.com/t355202-rang-2020-pour-amelie-manga-bleachlebonforumcom

    My forum link: http://topyouth.gamerzfun.com Handshake

    Sasori

    Posts : 311
    Points : 1864
    Thanks : 5
    Administrator

    Make a new rank and there , put that at title :

    Code:
    <span class="st-rang">RANK TITLE HERE</span>

    You can replace RANK TITLE HERE with your title , like Administrator.

    Ok , now , create a new javascript and add the next code , mark in topics :

    Code:
    $(function() {
    $('.st-rang').closest('.post').addClass('st-answer');
    });

    And in the end , you need a CSS style , add that :

    Code:
        .post.online.st-answer {
        background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top, url("http://illiweb.com/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
        }
        .post.st-answer {
        background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top #E5F1F9;

    Lovely King

    Posts : 100
    Points : 1630
    Thanks : 0
    User

    it works but the picture of the member is deleted and I want to set frame like the one in the picture above

    Sasori

    Posts : 311
    Points : 1864
    Thanks : 5
    Administrator

    Well , add that in your CSS

    Code:
    .postprofile {
    background: rgba(255, 255, 255, 0.62);
    padding: 5px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 5px white;
    }

    Lovely King

    Posts : 100
    Points : 1630
    Thanks : 0
    User

    thanks but i want make a circle corner like this

    Zyon

    Posts : 272
    Points : 1833
    Thanks : 2
    manager

    Try this

    Code:
    .postprofile {
     padding: 0.5em 1em;
     background-color: #fff;
     border: 1px solid #dddddd;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topleft : 15px;
    -webkit-border-top-left-radius: 15px;
    }

    Sasori

    Posts : 311
    Points : 1864
    Thanks : 5
    Administrator

    Code:
    .postprofile {
    background: rgba(255, 255, 255, 0.62);
    padding: 5px;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 5px white;
    }

    Lovely King

    Posts : 100
    Points : 1630
    Thanks : 0
    User

    thanks solved

    Zyon

    Posts : 272
    Points : 1833
    Thanks : 2
    manager

    Solved & archived

    Sponsored content

    View previous topic View next topic Back to top  Message [Page 1 of 1]

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