vB3 Postbit Legacy - Usergroup Backgrounds

[ven0m]

Heisenberg submitted a new resource:

You must be registered for see links

- Postbit Legacy - Usergroup Backgrounds

vB Version: 3.8.4

Now, you can make any usergroups use these backgrounds. You will have to design your own, of course, but you can assign them however you would like. In the case of my forum, we have them set-up for administrators. You could make a separate image for staff members, reg users, banned users, whatever you need. You can also duplicate it and assign different images for different colored styles. I'll show you how below.

Here's how to do it:
--...

You must be registered for see links

 

[ven0m]

Update:
If you would like to assign multiple background images to multiple usergroups, see this post. User down.low explains very well how to achieve this result!

I had this problem when adding more then one group. What you are doing wrong is adding the following code to many times- there should only be 1 instance of this code:

<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">

Here is a code for 1 background/group(after changing the red):

[COLOR=#ff0000][B]In your postbit_legacy[/B][/COLOR][COLOR=#ff0000].[/COLOR]

        <if condition="is_member_of($post, [COLOR=Red]groupid[/COLOR])">
        <td class="[COLOR=Red]css[/COLOR][COLOR=Red] name1[/COLOR]" width="175" style="border: $stylevar[cellspacing]px solid $stylevar [tborder_bgcolor]; border-top: 0px; border-bottom: 0px id="td_post_$post[postid]">
        <else />
        <td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px"></if>

[COLOR=#ff0000][B]And this code (after changing the red) would have to be in your additional css.


[/B][/COLOR][COLOR=Red].css name1[/COLOR] {
background: #000000 url([COLOR=Red]image path[/COLOR]);
background-repeat: repeat;
border-left: solid 0px #[COLOR=Red]border color[/COLOR];
border-right: solid 1px #[COLOR=Red]border color[/COLOR];
}

Two backgrounds/groups would look like this:

[COLOR=#ff0000][B]In your postbit_legacy[/B].[/COLOR]


        <if condition="is_member_of($post, [COLOR=Red]groupid2[/COLOR])">
        <td class="[COLOR=Red]css[/COLOR][COLOR=Red] name2[/COLOR]" width="175" style="border: $stylevar[cellspacing]px solid $stylevar [tborder_bgcolor]; border-top: 0px; border-bottom: 0px id="td_post_$post[postid]">
        <else />
        <if condition="is_member_of($post, [COLOR=Red]groupid1[/COLOR])">
        <td class="[COLOR=Red]css name1[/COLOR]" width="175" style="border: $stylevar[cellspacing]px solid $stylevar [tborder_bgcolor]; border-top: 0px; border-bottom: 0px id="td_post_$post[postid]">
        <else />
        <td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px"></if>[COLOR=Red]</if>[/COLOR]

Notice: I had to add the additional </if> to the very end!

[COLOR=#ff0000][B]And this code (after changing the red) would have to be in your additional css:[/B][/COLOR]
[COLOR=Red] 

.css name1[/COLOR] {
 background: #000000 url([COLOR=Red]image path[/COLOR]);
 background-repeat: repeat;
 border-left: solid 0px #[COLOR=Red]border color[/COLOR];
 border-right: solid 1px #[COLOR=Red]border color[/COLOR];
 }
[COLOR=Red].css name2[/COLOR] {
  background: #000000 url([COLOR=Red]image path[/COLOR]);
  background-repeat: repeat;
  border-left: solid 0px #[COLOR=Red]border color[/COLOR];
  border-right: solid 1px #[COLOR=Red]border color[/COLOR];
  }

Three backgrounds/groups would look like this:

[COLOR=#ff0000][B]In your postbit_legacy[/B].[/COLOR]


        <if condition="is_member_of($post, [COLOR=Red]groupid3[/COLOR])">
         <td class="[COLOR=Red]css[/COLOR][COLOR=Red] name3[/COLOR]" width="175" style="border: $stylevar[cellspacing]px solid $stylevar [tborder_bgcolor]; border-top: 0px; border-bottom: 0px id="td_post_$post[postid]">
         <else />
        <if condition="is_member_of($post, [COLOR=Red]groupid2[/COLOR])">
        <td class="[COLOR=Red]css[/COLOR][COLOR=Red] name2[/COLOR]" width="175" style="border: $stylevar[cellspacing]px solid $stylevar [tborder_bgcolor]; border-top: 0px; border-bottom: 0px id="td_post_$post[postid]">
        <else />
        <if condition="is_member_of($post, [COLOR=Red]groupid1[/COLOR])">
        <td class="[COLOR=Red]css name1[/COLOR]" width="175" style="border: $stylevar[cellspacing]px solid $stylevar [tborder_bgcolor]; border-top: 0px; border-bottom: 0px id="td_post_$post[postid]">
        <else />
        <td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px"></if>[COLOR=#ff0000]</if></if>[/COLOR]

Notice: I had to add the additional </if> to the very end (AGAIN)!!

[COLOR=#ff0000][B]And this code (after changing the red) would have to be in your additional css:


[/B][/COLOR][COLOR=Red] .css name1[/COLOR] {
 background: #000000 url([COLOR=Red]image path[/COLOR]);
 background-repeat: repeat;
 border-left: solid 0px #[COLOR=Red]border color[/COLOR];
 border-right: solid 1px #[COLOR=Red]border color[/COLOR];
 }
[COLOR=Red].css name2[/COLOR] {
  background: #000000 url([COLOR=Red]image path[/COLOR]);
  background-repeat: repeat;
  border-left: solid 0px #[COLOR=Red]border color[/COLOR];
  border-right: solid 1px #[COLOR=Red]border color[/COLOR];
  }
[COLOR=Red].css name3[/COLOR] {
   background: #000000 url([COLOR=Red]image path[/COLOR]);
   background-repeat: repeat;
   border-left: solid 0px #[COLOR=Red]border color[/COLOR];
   border-right: solid 1px #[COLOR=Red]border color[/COLOR];
   }