The Arcive of Official vBulletin Modifications Site.

Postbit Legacy - Usergroup Backgrounds vb4 · **Released**: 12-03-2009

Updated for vBulletin 4.0.1!!!!

Hey Everyone! I went ahead and updated my vb3.x.x mod to work with the new coding in vBulletin 4. There are a few more modifications to make than the last time, but overall, I think you will find this very easy.

To start, let's look at a screenshot of what this mod will do for you, it's the image behind the username and the posbit information. This will not do anything else but assign a special background to the specified usergroup and assign the regular styling to all other usergroups:

DEMO: http://ltxtech.com/forums/showthread...or-New-Upgrade

Now that you have decided to continue with the modification, let's begin!

Navigate to:

Style Manager --> Click on the << >> Next to the template you are editing -->CSS Templates

postbit.css

FIND:

Code:

.postbitlegacy .userinfo {
	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: {vb:stylevar postbit_userinfo_background};
	_background-image: none;
	_margin-top: -{vb:math {vb:math 16px*{vb:stylevar line_height}} + {vb:stylevar padding}-{vb:stylevar postbit_border.borderWidth}};
	clear:both;
}

ADD UNDER:

Code:

/*Custom Postbit Background - Image*/
.postbitlegacy .userinfo2 {
	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: #xxxxxx /*url(url to image here) no-repeat*/;
        _margin-top: -{vb:math {vb:math 16px*{vb:stylevar line_height}} + {vb:stylevar padding}-{vb:stylevar postbit_border.borderWidth}};
	clear:both;
}

---> Note: The Red xxxxxx is a color number. You need to specify a background color in case you aren't using an image. Remove the /* and */ around the url code to use an image. Otherwise it will just change the color of the box. I suggest fading the image to the color of the background you choose, as shown in the picture example.

FIND:

Code:

.postbitlegacy .userinfo .postuseravatar img, .eventbit userinfo .eventuseravatar img {
	border: {vb:stylevar postbitlegacy_avatar_border};
 	outline: {vb:stylevar postbitlegacy_avatar_outline};
 	max-width: {vb:math {vb:stylevar postbitlegacy_userinfo_width} - {vb:math {vb:stylevar padding}*2}- {vb:math {vb:stylevar postbitlegacy_avatar_outline.borderWidth}*2} - {vb:math {vb:stylevar postbitlegacy_avatar_border.borderWidth}*2}};
}

ADD UNDER:

Code:

/*Custom Postbit Background - Avatar Border*/
.postbitlegacy .userinfo2 .postuseravatar img, .eventbit userinfo .eventuseravatar img {
	border: {vb:stylevar postbitlegacy_avatar_border};
 	outline: {vb:stylevar postbitlegacy_avatar_outline};
 	max-width: {vb:math {vb:stylevar postbitlegacy_userinfo_width} - {vb:math {vb:stylevar padding}*2}- {vb:math {vb:stylevar postbitlegacy_avatar_outline.borderWidth}*2} - {vb:math {vb:stylevar postbitlegacy_avatar_border.borderWidth}*2}};
}

FIND:

Code:

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

ADD UNDER:

Code:

/*Custom Postbit Background - Username Style*/
.postbitlegacy .userinfo2 a.username, .eventbit .userinfo a.username {
	clear:right;
	font-size:21px;
	font-weight:none;
	width: auto;
	max-width:{vb:math {vb:stylevar postbitlegacy_userinfo_width} - {vb:math {vb:stylevar padding}*2} - 20px};
	word-wrap:break-word;
}

FIND:

Code:

.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
	display:block;
	margin:{vb:math {vb:stylevar padding}/3} auto 0;
	text-align:center;
	width: auto;
}

ADD UNDER:

Code:

/*Custom Postbit Background - Avatar Position*/
.postbitlegacy .userinfo2 .postuseravatar, .eventbit .userinfo .eventuseravatar {
	display:block;
	margin:{vb:math {vb:stylevar padding}/3} auto 0;
	text-align:center;
	width: auto;
}

FIND:

Code:

.postbitlegacy dl.userinfo_extra dt, .postbitlegacy dl.user_rep dt {
	float: {vb:stylevar left};
	text-align: {vb:stylevar left};
	/*color: {vb:stylevar shade_color};*/
	margin-{vb:stylevar right}: {vb:stylevar padding};
	margin-{vb:stylevar left}: 0;
	min-width:60px;
	width:auto !important;
	width:60px;
}

ADD UNDER:
/*Custom Postbit Background - Userinfo Alignment*/

Code:

.postbitlegacy dl.userinfo_extra2 dt, .postbitlegacy dl.user_rep dt {
	float: {vb:stylevar left};
	text-align: {vb:stylevar left};
	/*color: {vb:stylevar shade_color};*/
	margin-{vb:stylevar right}: {vb:stylevar padding};
	margin-{vb:stylevar left}: 0;
	min-width:60px;
	width:auto !important;
	width:60px;
}

That does it for the CSS file. Now we need to do one last thing, and that's edit the posbit_legacy template.

Navigate to:

Style Manager --> Click on the << >> Next to the template you are editing -->Postbit Templates

postbit_legacy:

FIND:

Code:

<div class="userinfo">

REPLACE:

Code:

<vb:if condition="is_member_of($post, #)"><div class="userinfo2">
<vb:else />
<div class="userinfo">
</vb:if>

FIND:

Code:

<dl class="userinfo_extra">

REPLACE:

Code:

<vb:if condition="is_member_of($post, #)"><dl class="userinfo_extra2">
<vb:else />
<dl class="userinfo_extra">
</vb:if>

The RED # is the ID of the usergroup that you want to have a unique background. In my example picture, the administrators have the custom image, so the # sign is replaced in the code with a 6, because the ID for the administrator usergroup is 6. To find the ID, go to usergroup options in the AdminCP and look at the chart. The group ID should be on the same line as the usergroup name.

All right! You should now have a styled postbit legacy background image for a specific usergroup!

I can't really provide support, I'm extremely busy with work and life, but if I pop in from time to time I'll try to help. Also, please, please, please create your own background image. I do not want my image being used. If you would like to setup the modification and use my image to get it up and running, that's fine. But I am asking that you create your own after it's installed properly.

Good luck guys!

Kyojii · #42 12-14-2010, 09:49 PM

the .css added messes with the center postbit addon and doesn't seem to work. Any ideas?

I added this, but it still doesn't center my Administrator title. The join date or posts.

Code:

.postbitlegacy .userinfo2  .postuseravatar, .eventbit .userinfo2 .eventuseravatar {
float:none !important;
text-align:center !important;

}
.postbitlegacy .userinfo2 .username_container, .postbit_reputation, .postbitlegacy .userinfo2 .rank, .postbitlegacy .userinfo2 .usertitle {
text-align:center !important;
}

Fastbird · #43 12-17-2010, 01:21 AM

Quote:

Originally Posted by Kyojii

the .css added messes with the center postbit addon and doesn't seem to work. Any ideas?

I added this, but it still doesn't center my Administrator title. The join date or posts.

Code:

.postbitlegacy .userinfo2  .postuseravatar, .eventbit .userinfo2 .eventuseravatar {
float:none !important;
text-align:center !important;

}
.postbitlegacy .userinfo2 .username_container, .postbit_reputation, .postbitlegacy .userinfo2 .rank, .postbitlegacy .userinfo2 .usertitle {
text-align:center !important;
}

I actually updated this to 4.1 a few weeks ago for our forum. I will update this hack over the weekend for you guys.

If you want to center your username and title, you need to do that in the actual postbit_legacy template.

smirkley · #44 12-17-2010, 02:05 AM

This is a nice add-on,...

It would absalutely ROCK if it could be enhanced by having a edit feature for each persons usercp so they could select their own background color/image independantly. With usergroup permission settings of course.

Fastbird · #45 12-17-2010, 10:39 PM

Quote:

Originally Posted by smirkley

This is a nice add-on,...

It would absalutely ROCK if it could be enhanced by having a edit feature for each persons usercp so they could select their own background color/image independantly. With usergroup permission settings of course.

That would be quite the undertaking, but yeah would be very cool.

Mobo · #46 12-23-2010, 04:46 AM

I'm trying to automate the selection of the background images based on two profile fields the users selects. I was able to do this in the 3.8 version with this code:

Code:

<if condition="$post[field#] == 'Option'">
<elseif condition="$post[field#] == 'Option'">
        <td class="postbitbg7" width="175" style="border: $stylevar[cellspacing]px solid $stylevar [tborder_bgcolor]; border-top: 0px; border-bottom: 0px id="td_post_$post[postid]">
        <else />

Changing the red # to the field number you want to use as well as the red Option, which is the text for that field.

I would like to be able to do this same thing on vB4 now. However, the vastly increased amount of code has put this beyond me. I would not need the size/border coding as above, I've got it working and looking good with the current code (based on usergroups, not fields like I would like)

Can anyone help with this?

Thanks in advance,

Keith

Alien123 · #47 04-03-2011, 04:03 AM

Quote:

Originally Posted by Fastbird

I actually updated this to 4.1 a few weeks ago for our forum. I will update this hack over the weekend for you guys.

If you want to center your username and title, you need to do that in the actual postbit_legacy template.

it says adding child to non-existent node! im on vb 4.1.2

discodoran · #48 04-17-2011, 09:00 AM

my image just cuts out when it reaches the end of the users info so straight after POSTS the image stops and does not use up all of the postbit legacy

im on vbulletin 4.1.3 could someone please help me with the problem cheers

I can provide pictures if needed

discodoran · #49 04-20-2011, 01:12 AM

sorry guys here is an image of mine and im stuck where the red box is thats where it cuts off i would like the colour to go all the way to the bottom of the postbit

please help any help is much appreciated thanks in advance

TheTrust · #50 04-20-2011, 10:47 PM

Thank you ... can you update it for 4.1.3

discodoran · #51 05-01-2011, 11:34 PM

yer please update for 4.1.3
Thank you

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05155 seconds Memory Usage 2,359KB Queries Executed 27 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (17)bbcode_code (3)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (2)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!