Miscellaneous Hacks - Postbit Legacy - Usergroup Backgrounds

Hello! This is my first submission. I run LTXTech.com, I go by phantomzer0 over there, and I wanted this hack for a long time. I decided to write it on my own and the outcome was perfect. I know enough to get the job done, so if there is a more efficient way to produce this, by all means post it up!

Here is what this hack will do for you:

Demo Link:

http://ltxtech.com/forums/showthread.php?t=2865

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:
-- Navigate to your Admin CP. Once there go to Styles and Templates, then to Style Manager, and then click the "Go" button once you have decided which template you would like to install this on.

-- Scroll all the way to the bottom and look for the "Additional CSS Definitions" Box. I like to use the second box for all of my custom CSS, but you can surely use either one. Copy this and paste it into the box.

.postbit {
background: #101010 url(this is the url to your image for the background);
background-repeat: no-repeat;
border-left: solid 1px #3c3c3c;
border-right: solid 1px #3c3c3c;
}

Now, the border colors will need to be the same as the colors on your forum. These are the borders I'm talking about:



You will need to figure out the color code of your borders and assign the same color to the CSS code. You can adjust the size of the border by increasing or decreasing the "1px" numbers. 3px would obviously increase the size of the border to 3 pixels. You can also rename the CSS ".postbit" to something else, but if you do make sure you take note of that.

-- Now we will assign the background to the actual postbit. To do so, you need to navigate to Styles and Templates, then click on the "<< >>" button on the style you want to edit.

-- Scroll down the list and find "Postbit Templates"



-- Double click on "Postbit Legacy", as seen in the picture above.

Find:

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

Replace With:

<if condition="is_member_of($post, #)">
<td class="postbit" 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>

The red # symbol is for you to put a usergroup id # in. In my case, the admin group on my forum is 6, so instead of a # sign, there is a 6 there. You can assign multiple usergroups to use the same image, if you want. You can use the same code above for different forum styles, you just need to change the "td class="postbit"" to whatever the CSS is for the different style.

Example, my forum has a light and dark skin. The dark skin's CSS is "postbit" and the CSS for the light skin is "postbit2". On the Dark skin, I use the code above and for the light skin it's the exact same, only I have changed the td class to postbit2.

The only thing left to do is design a background image. Once you have that, you can upload it and point your CSS url to the image on your server.I'm fairly sure I have included all the steps to accomplish this, if I missed one, please point it out! Good luck and thanks for looking!

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! Thanks DL!

https://vborg.vbsupport.ru/showpost....8&postcount=52

[merk_aus]

Was wondering I don't want to do this with usergroups I have a custom profile field where they select from a drop down their favorite sport team (as my site is a sports website) and would like to try and get something like this set up where when they select their fav. team it puts a background for their team in the postbit - just something small I have created that would repeat itself.

Any help you could provide on doing this it would be greatfully appreciated.

[^SuiCyde^]

yeah that type of integration rather than by usergroup would be amazing as far as different ways you could use it

[down.low]

Originally Posted by chick

Hello FB... this looks really nice. Before I install how did you get the upper part ........... the avatar and right underneath it, centered? I'd like to center mine too.

Very nice and thank you.

update: Figured out the centering, this is really sweet....... again thanks!

I would like to know how to center all of this as well, does anyone know how to do so?

[Fastbird]

Originally Posted by down.low

I would like to know how to center all of this as well, does anyone know how to do so?

The border around the images is custom CSS and the avatar being centered is just a simple <align="center"></align> around the code that posts the user avatar. I then rearranged the postbit legacy code to display what you see in the demo images. There's a bit of work done there.

Jees, I should just release my template! Glad you guys like it though

[down.low]

Originally Posted by Fastbird

The border around the images is custom CSS and the avatar being centered is just a simple <align="center"></align> around the code that posts the user avatar. I then rearranged the postbit legacy code to display what you see in the demo images. There's a bit of work done there.

Jees, I should just release my template! Glad you guys like it though

I'm guessing you would mean in the postbit_legacy, probably the following code:

<if condition="$show['avatar']">
                <div class="smallfont">
                    &nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
                </div>
            </if>

I've tried putting the align in the in various places with no result. I'de also like to center the rest of the text as you have- or have it have you have it in the demo- could you help me out a little or point me in a direction to go from here? thanks in advance for any help you can lend- thanks for the hack, works great by the way- especially selling the template usage in an experience points shop.


WikipediaWictionaryChambers (UK)Google imagesGoogle defineThe Free DictionaryJoin exampleWordNetGoogleUrban DictionaryAnswers.comrhymezone.comMerriam-Webster<>0

wvcidfjoguarm

[Fastbird]

Originally Posted by down.low

I'm guessing you would mean in the postbit_legacy, probably the following code:

<if condition="$show['avatar']">
                <div class="smallfont">
                    &nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
                </div>
            </if>

I've tried putting the align in the in various places with no result. I'de also like to center the rest of the text as you have- or have it have you have it in the demo- could you help me out a little or point me in a direction to go from here? thanks in advance for any help you can lend- thanks for the hack, works great by the way- especially selling the template usage in an experience points shop.


WikipediaWictionaryChambers (UK)Google imagesGoogle defineThe Free DictionaryJoin exampleWordNetGoogleUrban DictionaryAnswers.comrhymezone.comMerriam-Webster<>0

wvcidfjoguarm

Ok, here's how to center everything:

Find:
<div id="postmenu_$post[postid]">

Replace:
<div id="postmenu_$post[postid]" align="center">

Find:
<div class="smallfont">

Replace:
<div class="smallfont" align="center">

[therogueforums]

Very promising mod. Thank you, firstly. Now...

When I add more than 1 usergroup to this... the first usergroup I added (administrators) is borked a bit. The image shows up fine, but the avatar, username, etc is force "out" to the right, where the actual post should be.

Any ideas on what I'm doing wrong? Possibly, if you have the time... maybe make a "template" for those who wish to use this for multiple usergroups? Also... and I suspect you're pretty busy, and can understand if you don't want to throw this in... but any way you can code in some curved boxes, where the posts, join date, etc go? I tried to use your mod with another mod that adds the boxes, but the image just ended up in there, in addition to the rest of the postbit, which didn't look so hawt. Lastly... again, if you have time, maybe throw in a signature cell, below it all.

At any rate, thank you for your time, and I look forward to a response.

[Fastbird]

Originally Posted by therogueforums

Very promising mod. Thank you, firstly. Now...

When I add more than 1 usergroup to this... the first usergroup I added (administrators) is borked a bit. The image shows up fine, but the avatar, username, etc is force "out" to the right, where the actual post should be.

Any ideas on what I'm doing wrong? Possibly, if you have the time... maybe make a "template" for those who wish to use this for multiple usergroups? Also... and I suspect you're pretty busy, and can understand if you don't want to throw this in... but any way you can code in some curved boxes, where the posts, join date, etc go? I tried to use your mod with another mod that adds the boxes, but the image just ended up in there, in addition to the rest of the postbit, which didn't look so hawt. Lastly... again, if you have time, maybe throw in a signature cell, below it all.

At any rate, thank you for your time, and I look forward to a response.

Try this post:
https://vborg.vbsupport.ru/showpost....6&postcount=27

See if that helps your issue. IF it does not, I coded mine slightly different for my forum. I have admins with a background and regular users with a background. IF this is the same idea you are going for, I can dig up my code and help you with it.

I'm not sure I quite understand what you mean by curved boxes? I'm not familiar with that mod, link me?

[Fastbird]

Here's mine. Like I said before, it's setup for everyone to have the basic background and then for administrators to have the custom one.

You will need to assign a separate CSS too.

<if condition="is_member_of($post, 6)">
<td class="postbit" 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="postbit3" width="175" style="border: $stylevar[cellspacing]px solid               $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px"></if>                     <if condition="$show['avatar']">

[therogueforums]

TY Sadly, it didn't work for me. The first solution is the one I tried last night. The last one, above, yeilds the same results ("you're missing a </if> tag! oh n0es!") and the avatar, etc gets shoved out to the right.