The Arcive of Official vBulletin Modifications Site.

Excellent Postbit Legacy · **Released**: 08-25-2008

Here is something I have been using on my boards due to a fixed width size, but works of course with fluid also.

Inspired by other sites I got all this together.

Main demo <no longer exists>
go to any thread or post

########## INSTALL ##########

1) Upload images attached to their respective folders on your root image directory (do not replace folders) just upload the images to the folders you already have

2) In Postbit Templates / postbit_legacy replace all content for this:

Code:

$template_hook[postbit_start]
<table id="post$post[postid]" class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">
<tr>
	<if condition="$show['announcement']">
		<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]" colspan="2">
			<img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" />
			<phrase 1="$post[startdate]" 2="$post[enddate]">$vbphrase[x_until_y]</phrase>
		</td>
	<else />
		<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[right]: 0px" $post[scrolltothis]>
			<!-- status icon and date -->
			<a name="post$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" /></a>
			$post[postdate]<if condition="!$show['detailedtime']">, $post[posttime]</if>
			$post[firstnewinsert]
			<!-- / status icon and date -->
		</td>
		<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px" align="$stylevar[right]">
			&nbsp;
			<if condition="$show['postcount']">#<a href="showpost.php?$session[sessionurl]p=$post[postid]&amp;postcount=$post[postcount]" target="new" rel="nofollow" id="postcount$post[postid]" name="$post[postcount]"><strong>$post[postcount]</strong></a></if>
			<if condition="$show['inlinemod']">
				<input type="checkbox" name="plist[$postid]" id="plist_$postid" style="vertical-align:middle; padding:0px; margin:0px 0px 0px 5px" value="$post[checkbox_value]" />
			</if>
		</td>
	</if>
</tr>
<tr valign="top">
	<td class="alt1" width="124" style="background-image: url(/images/gradients/pb_back.gif); background-repeat: repeat-x;">

<!-- #################### DEFAULT AV #################### -->
<div align="center" style="padding:2px 0px 5px 0px;">
<if condition="$show['avatar']">
<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" class="whiteborder" /></a>
<else />
<a href="member.php?$session[sessionurl]u=$post[userid]"><img src="/images/misc/noavatar.gif" alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" class="whiteborder" /></a>
</if>
</div>
<!-- #################### /DEFAULT AV ####################-->

<!-- #################### EDIT PROFILE FIELDS, DIV LINES COLOR #################### -->
<div align="center">
<div style="width:120px;margin-bottom:5px;" align="left">

<div style="padding:1px; border-top:1px solid #CCC;" class="smallfont">$post[field5]</div>
<div style="padding:1px; border-top:1px solid #CCC;" class="smallfont">$post[field6]</div>
<div style="padding:1px; border-top:1px solid #CCC;" class="smallfont"><a href="search.php?$session[sessionurl]do=finduser&amp;u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$post[posts] posts</phrase></a></div>
<div style="padding:1px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;" class="smallfont">(<a href="member.php?$session[sessionurl]u=$post[userid]">$post[gifts]</a>) gifts</div>
<!-- #################### /EDIT PROFILE FIELDS, DIV LINES COLOR #################### -->

<div class="smallfont">
&nbsp;<br />
<if condition="$show['infraction']"><div>$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
<if condition="$show['reputation']"><div><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
$template_hook[postbit_userinfo_right]
<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
</div>

</div></div>
	</td>

<!-- #################### BACKGROUND GRADIENT #################### -->
	<if condition="$show['moderated']">
	<td class="alt2" id="td_post_$post[postid]" style="background-image: url(/images/gradients/pb_back.gif); background-repeat: repeat-x; padding:4px 0px 2px 0px;">
	<else />
	<td class="alt1" id="td_post_$post[postid]" style="background-image: url(/images/gradients/pb_back.gif); background-repeat: repeat-x; padding:4px 0px 2px 0px;">
	</if>
<!-- #################### /BACKGROUND GRADIENT #################### -->

	<div class="normal" style="float:$stylevar[right]">
			&nbsp;
			<if condition="$show['reputationlink']">
				<span id="reputationmenu_$post[postid]"><a href="reputation.php?$session[sessionurl]p=$post[postid]" rel="nofollow" id="reputation_$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_button]/reputation.gif" alt="<phrase 1="$post[username]">$vbphrase[add_to_xs_reputation]</phrase>" border="0" /></a></span>
				<if condition="$show['popups']"><script type="text/javascript"> vbrep_register("$post[postid]")</script></if>&nbsp;
			</if>
			<if condition="$show['infractionlink']"><a href="infraction.php?$session[sessionurl]do=report&amp;p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/infraction.gif" alt="<phrase 1="$post[username]">$vbphrase[add_infraction_for_x]</phrase>" border="0" /></a> &nbsp;</if>
			<if condition="$show['reportlink']"><a href="report.php?$session[sessionurl]p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/report.gif" alt="$vbphrase[report_bad_post]" border="0" /></a> &nbsp;</if>
			$post[iplogged]
	</div>

<!-- #################### USERNAME, TITLE AND RANK #################### -->
<div id="postmenu_$post[postid]" style="padding-top:5px;">
<if condition="$show['profile']">
<a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]"><b>$post[musername]</b></a>
<script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
<else />
$post[musername]
</if>
</div>

<if condition="$post['usertitle']">
<div class="shade smallfont">$post[usertitle]</div>
</if>
<if condition="$post['rank']"><div class="smallfont" align="center">$post[rank]</div></if>
$template_hook[postbit_userinfo_left]
<!-- #################### /USERNAME, TITLE AND RANK #################### -->
<br />

		$template_hook[postbit_messagearea_start]
		<if condition="$show['messageicon'] OR $post['title']">
			<!-- icon and title -->
			<div class="smallfont">
				<if condition="$show['messageicon']"><img class="inlineimg" src="$post[iconpath]" alt="$post[icontitle]" border="0" /></if>
				<if condition="$post['title']"><strong>$post[title]</strong></if>
			</div>
			<hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />
			<!-- / icon and title -->
		</if>

		<!-- message -->
		<div id="post_message_$post[postid]">$post[message]</div>
		<!-- / message -->

		<if condition="$show['attachments']">
		<!-- attachments -->
			<div style="padding:$stylevar[cellpadding]px">

			<if condition="$show['thumbnailattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_thumbnails]</legend>
					<div style="padding:$stylevar[formspacer]px">
					$post[thumbnailattachments]
					</div>
				</fieldset>
			</if>

			<if condition="$show['imageattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_images]</legend>
					<div style="padding:$stylevar[formspacer]px">
					$post[imageattachments]
					</div>
				</fieldset>
			</if>

			<if condition="$show['imageattachmentlink']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_images]</legend>
					<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
					$post[imageattachmentlinks]
					</table>
					</fieldset>
			</if>

			<if condition="$show['otherattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_files]</legend>
					<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
					$post[otherattachments]
					</table>
				</fieldset>
			</if>

			<if condition="$show['moderatedattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attachments_pending_approval]</legend>
					<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
					$post[moderatedattachments]
					</table>
				</fieldset>
			</if>

			</div>
		<!-- / attachments -->
		</if>

		<if condition="$show['postedited']">
		<!-- edit note -->
			<div class="smallfont">
				<hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />
				<em>
					<if condition="$show['postedithistory']">
						<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]" 4="posthistory.php?$session[sessionurl]p=$post[postid]">$vbphrase[last_edited_link_by_x_on_y_at_z_postid]</phrase>.
					<else />
						<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>.
					</if>
					<if condition="$post['edit_reason']">
						$vbphrase[reason]: $post[edit_reason]
					</if>
				</em>
			</div>
		<!-- / edit note -->
		</if>

	</td>
</tr>
<tr>

<!-- #################### SIGNATURE ARROW BUTTON #################### -->
<td width="135" valign="bottom" class="alt1 smallfont" style="padding:0px 0px 1px 4px; border-top: 0px;"><if condition="$post['signature']"><a href="#" onClick="return toggle_collapse('sig_$post[postcount]');" style="text-decoration:none; color:#909090">My Signature<img src="/images/misc/arrow_down.gif" alt="Display Signature" border="0" /></a></if></td>
<!-- #################### /SIGNATURE ARROW BUTTON #################### -->

	<if condition="$show['moderated']">
	<td class="alt2" align="$stylevar[right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px; border-top: 0px">
	<else />
	<td class="alt1" align="$stylevar[right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px; border-top: 0px">
	</if>
		<!-- controls -->
		<if condition="$post['editlink']">
			<img style="display: none" id="progress_$postid" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[loading_editor_please_wait]" />
			<a href="$post[editlink]" name="vB::QuickEdit::$post[postid]"><img src="$stylevar[imgdir_button]/edit.gif" alt="$vbphrase[edit_delete_message]" border="0" /></a>
		</if>
		<if condition="$post['forwardlink']">
			<a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a>
		</if>
		<if condition="$post['replylink']">
			<a href="$post[replylink]" rel="nofollow"><img src="$stylevar[imgdir_button]/<if condition="$post['forwardlink']">reply_small<else />quote</if>.gif" alt="$vbphrase[reply_with_quote]" border="0" /></a>
		</if>
		<if condition="$show['multiquote_post']">
			<a href="$post[replylink]" rel="nofollow" onclick="return false"><img src="$stylevar[imgdir_button]/multiquote_<if condition="$show['multiquote_selected']">on<else />off</if>.gif" alt="$vbphrase[multi_quote_this_message]" border="0" id="mq_$post[postid]" /></a>
		</if>
		<if condition="$show['quickreply'] AND !$show['threadedmode']">
			<a href="$post[replylink]" rel="nofollow" id="qr_$post[postid]" onclick="return false"><img src="$stylevar[imgdir_button]/quickreply.gif" alt="$vbphrase[quick_reply_to_this_message]" border="0" /></a>
		</if>
		<if condition="$show['moderated']">
			<img src="$stylevar[imgdir_misc]/moderated.gif" alt="$vbphrase[moderated_post]" border="0" />
		</if>
		<if condition="$show['spam']">
			<img src="$stylevar[imgdir_misc]/spam_detected.png" alt="$vbphrase[spam_post]" border="0" />
		</if>
		<if condition="$show['deletedpost']">
			<if condition="$show['managepost']">
				<a href="postings.php?$session[sessionurl]do=managepost&amp;p=$post[postid]"><img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[manage]" border="0" /></a>
			<else />
				<img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[deleted_post]" border="0" />
			</if>
		</if>
		<if condition="$show['redcard']">
			<a href="infraction.php?$session[sessionurl]do=view&amp;p=$post[postid]"><img src="$stylevar[imgdir_button]/redcard.gif" alt="$vbphrase[received_infraction]" border="0" /></a>
		<else />
			<if condition="$show['yellowcard']">
				<a href="infraction.php?$session[sessionurl]do=view&amp;p=$post[postid]"><img src="$stylevar[imgdir_button]/yellowcard.gif" alt="$vbphrase[received_warning]" border="0" /></a>
			</if>
		</if>
		$template_hook[postbit_controls]
		<!-- / controls -->
	</td>
</tr>
</table>

<!-- #################### SIGNATURE CELL #################### -->
<div id="collapseobj_sig_$post[postcount]" style="padding:3px; background:#E9E9E9;font: 10px Verdana, Helvetica, sans-serif;color: #242424; border:1px solid #afafaf;height:100px;overflow:auto;overflow-X:hidden;scrollbar-face-color:#E8E8E8;scrollbar-arrow-color:#666666;scrollbar-track-color:#FFFFFF;scrollbar-shadow-color:#B9B9B9;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:alt1;scrollbar-darkshadow-Color:#9D9DA1;display:none;">$post[signature]</div>
<!-- #################### /SIGNATURE CELL #################### -->

$template_hook[postbit_end]

<!-- post $post[postid] popup menu -->
<div class="vbmenu_popup" id="postmenu_$post[postid]_menu" style="display:none">
	<table cellpadding="4" cellspacing="1" border="0">
	<tr>
		<td class="thead">$post[username]</td>
	</tr>
	<if condition="$show['profile']">
		<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$post[userid]">$vbphrase[view_public_profile]</a></td></tr>
	</if>
	<if condition="$show['pmlink']">
		<tr><td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=newpm&amp;u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_private_message_to_x]</phrase></a></td></tr>
	</if>
	<if condition="$show['emaillink']">
		<tr><td class="vbmenu_option"><a href="sendmessage.php?$session[sessionurl]do=mailmember&amp;u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_email_to_x]</phrase></a></td></tr>
	</if>
	<if condition="$show['homepage']">
		<tr><td class="vbmenu_option"><a href="$post[homepage]"><phrase 1="$post[username]">$vbphrase[visit_xs_homepage]</phrase></a></td></tr>
	</if>
	<if condition="$show['search']">
		<tr><td class="vbmenu_option"> <a href="search.php?$session[sessionurl]do=finduser&amp;u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[find_more_posts_by_x]</phrase></a> </td></tr>
	</if>
	<if condition="$post['userid'] AND $show['member']">
	<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=addlist&amp;userlist=buddy&amp;u=$post[userid]"><phrase 1="$post[username]">$vbphrase[add_x_to_contacts]</phrase></a></td></tr>
	</if>
	$template_hook[postbit_user_popup]
	</table>
</div>
<!-- / post $post[postid] popup menu -->

########## TO EDIT ##########

If you want to add / remove / edit fields you will see a mark like


underneath that you will see fieldxx add the ones you use for your site, and if you want to add more, just add from the <div mark to the other /div>

You can also edit the gray lines that separates each Field

R-D · #12 08-28-2008, 08:39 PM

Here's my take. I modified my existing postbit based on your idea. This is the before (left) and after (right) postbit of one of my Mods. Everything's there except IM icons, which show up below the rep line.

Attachment 86199

christian8a · #13 08-29-2008, 12:29 AM

Quote:

Originally Posted by R-D

Here's my take. I modified my existing postbit based on your idea. This is the before (left) and after (right) postbit of one of my Mods. Everything's there except IM icons, which show up below the rep line.

Attachment 86199

Looks awesome man :up:

R-D · #14 08-29-2008, 01:39 AM

Thanks for the inspiration. Love your site design, by the way.

iogames · #15 08-30-2008, 01:23 AM

then how is this done?

Darksky · #16 08-30-2008, 12:57 PM

One of the best, modern, 2.0ish postbit i ever found. Finally i see "fresh meat"

Thanks a lot i used it and modded a little little bit for my need, but you rock mate.

PS: Beware, path to images are static in background property. Maybe there's a way to call a vbulletin variable to make them dinamic ?

iDerek · #17 08-30-2008, 06:02 PM

My user info is appearing at the top of my posts and I want it to appear to the left like everybody else's... where can I find a solution to that?

http://habbotrax.com/forums/showthread.php?p=5#post5

R-D · #18 08-30-2008, 06:07 PM

Go to the options menu in the admin CP. Go to Style & Language Settings, then set "Use Legacy (Vertical) Postbit Template" to Yes.

iDerek · #19 08-30-2008, 06:11 PM

Hahahaha, will you be my new best friend R-D? (I feel like such a noob). Thank you very much my friend!

Boosted Panda · #20 09-01-2008, 11:52 PM

For some reason i cant get it to work.

stickskills · #21 09-02-2008, 03:35 AM

Quote:

Originally Posted by iogames

then how is this done?

I asked that a LONG time ago, and no one ever really wanted to help/attempt it.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05424 seconds Memory Usage 2,343KB Queries Executed 25 (?)
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 (1)bbcode_code (2)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (6)navbar_link (120)option (1)pagenav (1)pagenav_curpage (3)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 (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_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!