[ozzy47] Postbit Background For Specific Users

[AdminAdmin is verified member.]

Hi all !!

Here is a small modification you can do to have a different background in the postbit, set to specific users, in postbit legacy.

First lets add the css.

Styles & Templates --> Style Manager --> Choose which style you want to work with, then choose Edit Templates,scroll down till you see CSS Templates, double click on that, then double click on additional.css

It that template add the following at the end:

/* Specific Users Postbit Background */
.postbitlegacy .postbit_specific_user 
{
    float:{vb:stylevar left};
    position: relative;
    width:{vb:math {vb:stylevar postbitlegacy_userinfo_width}-{vb:math {vb:stylevar padding}*2}}; 
    padding: 2px {vb:stylevar padding} {vb:math {vb:stylevar padding}/2};
    font-size: {vb:stylevar small_fontSize};
    display:block;
    background: url(images/[COLOR=Red]chain_gradient.jpg[/COLOR]); no-repeat;
    clear:both;
}

.postbitlegacy .postbit_specific_user .rank, .postbitlegacy .postbit_specific_user .usertitle 
{
    font-size: {vb:stylevar small_fontSize};
    display:block;
    clear:both;
}

.postbitlegacy .postbit_specific_user .username_container 
{
    margin-bottom: 8px;
}


.postbitlegacy .postbit_specific_user .username_container .memberaction 
{
    display: inline;
}

.postbitlegacy .postbit_specific_user .postuseravatar, .eventbit .postbit_specific_user .eventuseravatar 
{
    display:block;
    margin:{vb:math {vb:stylevar padding}/3} auto 0;
    text-align:{vb:stylevar left};
    width: auto;
    float: {vb:stylevar left};
    clear: both;
}

.postbitlegacy .postbit_specific_user .postuseravatar img, .eventbit .postbit_specific_user .eventuseravatar img 
{
     max-width: {vb:math {vb:stylevar postbitlegacy_userinfo_width} - {vb:math {vb:stylevar padding}*2}};
}

.postbitlegacy .postbit_specific_user a.username, .eventbit .postbit_specific_user a.username 
{
    clear:{vb:stylevar right};
    font-size:{vb:stylevar font.fontSize}{vb:stylevar font.units};
    font-weight:bold;
    width: auto;
    max-width:{vb:math {vb:stylevar postbitlegacy_userinfo_width} - {vb:math {vb:stylevar padding}*2} - 20px};
    word-wrap:break-word;
}

.postbitlegacy .postbit_specific_user .guest.username, .eventbit .postbit_specific_user .guest.username 
{
    padding-top: {vb:math {vb:stylevar padding}/2};
    display:block;
    font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units};
}
/* Specific Users Postbit Background */

Then click on Save.

Load your background image that you want to use to your images folder. I used the one attached to test on my local machine:

Make sure the proper image name is put in the above code, background: url(images/chain_gradient.jpg);

Now for the template edit. In the same style search for Postbit Templates, double click on that and then find postbit_legacy, and double click on that.

In that template find the following bit of code:

<div class="userinfo">

And replace it with this code:

        <vb:if condition="in_array($post['userid'], array([COLOR=Red]X[/COLOR],[COLOR=Red]X[/COLOR],[COLOR=Red]X[/COLOR]))">
                        <div class="postbit_specific_user">
                <vb:else />
                        <div class="userinfo">
                </vb:if>

Replacing the X with the userid's you want to have the different background. You can add as many users as you want, just as long as you separate each userid with a comma ,

Then click on Save.

I don't have any screenshots at the moment, I'll try to get some. Or if some of you use this mod, please share a screenshot of what you have done.