The Arcive of Official vBulletin Modifications Site.

Postbit_Legacy REVERSED Layout 1 v.1.0 · **Released**: 05-06-2006

==============================
==============================
"Postbit_Legacy REVERSED Layout 1" by Freesteyelz
Version: 1.0

Re-Inspired By: Ricky6039's thread: https://vborg.vbsupport.ru/showthread.php?t=114862

Thank Yous: Ricky6039, Boofo and Chris M
==============================
==============================

Description:
The posbit_legacy is displayed in reverse. For fluid and fixed-width layouts.

Here's an idea that was re-inspired by Ricky6039's thread. It was a layout I did in UBB back in the day (2001) and now releasing it for vB. This is the first layout in the series. Future releases may come depending on requests, capability and energy.

Examples:
See attachments below.

What to expect?:
- Thread/Post title is displayed in place of Post Date.
- Post Date and Username are displayed in place of Thread/Post title.
- The user popup menu will display only in the first Username (left column). The second username link will go straight to user's profile.
- Replies will display just left of post #.
- User Online Status and User ID are displayed in the Username column.
- Online Status, Report Bad Post and IP images are replaced with text for a cleaner look.
- Message/Signature and User's info are bordered.

Requirements:
vB versions 3.5.3+ (3.5.4 should work; 3.5 versions possibly but I haven't tried it.)

Assumptions:
That you are editing the Default vB Style or at least using the Default vB Style as a Parent Style.

Can it work for custom styles? Yes. You may, however, need to re-work some of the codes for the layout to display properly. I successfully did this on several custom templates. Since many of us are using different styles I thought it would be better to use the Default vB Style for the instructions.

PLEASE!!!
Read the instructions carefully. Take your time when editing.

This is a template edit with quite a few steps so pace yourself.

Browsers Tested:
Internet Explorer & Firefox

Supported:
I'll try to answer your questions the best I can. Please click install to notify you if any changes are made.

Instructions:
Download the .zip file, extract and read the instructions.

If you use this mod click the

link for any updates via e-mail. Thank you.

Attachements in order:
1. posbit_legacy 100%
2. posbit_legacy 770px
3. postbit_legacy menu 770px

Bubble #5 · #52 05-22-2006, 05:14 PM

Quote:

Originally Posted by Freesteyelz

I've set all right postbit (right) columns to 175px width.

Actually, to my surprise, I think that may have fixed it :bunny: One thing is for certain, the page now loads 3 times quicker. I'll let you know if the problem creeps back

THANK YOU

Freesteyelz · #53 05-22-2006, 10:05 PM

NP. :classic: Let me know if the issue arises again.

GamerJunk.net · #54 05-23-2006, 09:42 PM

Here is what the double layout looks like.

Bubble #5 · #55 05-23-2006, 09:49 PM

Quote:

Originally Posted by RasMasta

Here is what the double layout looks like.

Can't wait to start on our next skin. That will work out incredibly good for it :banana:

GamerJunk.net · #56 05-23-2006, 09:59 PM

See what I would want is the gradient to stretch all the way over same with the space where the quote button is. That way it is symetrical. Also make the sides thinner so the actual area where you post is larger.

Here is the code for my postbit with the double post for anyone who wants to do a quick try of how it would look on their site..

Code:

<!-- post #$post[postid] -->
<if condition="$show['spacer']">
	$spacer_open
	<div id="edit$post[postid]" style="padding:0px 0px $stylevar[cellpadding]px 0px">
	<if condition="!$post['islastshown']"><!-- this is not the last post shown on the page --></if>	
</if>

<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" 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" $post[scrolltothis]>		
		<!-- MESSAGE TITLE -->
		<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>
			<!-- / icon and title -->
		</if>
                        <!-- / MESSAGE TITLE -->				
		</td>
		<td class="thead" style="font-weight:normal;text-align:right;vertical-align:middle">
<strong>$vbphrase[replies]: $thread[replycount]</strong>&nbsp;
			&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]" onclick="inlineMod.toggle(this)" />
			</if>
		</td>
	</if>
</tr>
<tr valign="top">
	<td class="alt2" width="175">
			
			<div id="postmenu_$post[postid]">
				<if condition="$show['profile']">
				<a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>
				<script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
				<else />
				$post[musername]
				</if>
			</div>
			
			<if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div></if>
			<if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if>
		
			<if condition="$show['avatar']">
				<div class="smallfont">
					&nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
				</div>
			</if>
			
			<div class="smallfont">
				&nbsp;<br />
				<if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if>
				<if condition="$post['field2']"><div>$vbphrase[location_perm]: $post[field2]</div></if>
				<if condition="$post['age']"><div>$vbphrase[age]: $post[age]</div></if>
				<div>
					$vbphrase[posts]: $post[posts]
				</div>
				<if condition="$show['reputation']"><div><if condition="$show['reppower']">$vbphrase[reppower]: $post[reppower]</if>$post[reputationdisplay]</div></if>
				<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
			</div>					
		
	</td>
	<if condition="$show['moderated']">
	<td class="alt2" id="td_post_$post[postid]">
	<else />
	<td class="alt1" id="td_post_$post[postid]">
	</if>
	
		<!-- POST DATE & USERNAME -->
			<div id="postmenu_$post[postid]">
			<!-- 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 -->
                        <!-- USERNAME -->
&nbsp;by&nbsp;<a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>
                        <!-- / USERNAME -->
			<hr size="1" style="color:$stylevar[tborder_bgcolor]" />
                        </div>
                <!-- / POST DATE & USERNAME -->
		
<div class="alt2" style="width:97%;margin:0 auto;padding:3px;text-align:left;border:1px solid #000000">
		
		<!-- 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="$post['signature']">
		<!-- sig -->
			<div>
				<br /><HR>
<fieldset><legend>$post[username]'s Sig:</legend>$post[signature]</fieldset>			</div>
		<!-- / sig -->
</div>
		</if>
		
		<if condition="$show['postedited']">
		<!-- edit note -->
			<div class="smallfont">			<hr size="1" style="color:$stylevar[tborder_bgcolor]" />
				<em>
				<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>.
				<if condition="$post['edit_reason']">$vbphrase[reason]: $post[edit_reason]</if>
				</em>
			</div>
		<!-- / edit note -->
		</if>
	
	</td>
<!-- / MESSAGE COLUMN -->
<!-- USER COLUMN -->
	<td width="175" class="alt2" style="text-align:center">
			
<div class="smallfont">
<if condition="$post['fieldx']">
  $post[fieldx]<br />
</if>
<if condition="$post['fieldy']">
  $post[fieldy]<br />
</if>
<if condition="$post['fieldz']">
  $post[fieldz]<br />
</if>
</div>
		
	</td>
<!-- / USER COLUMN -->
</tr>
<tr>
	<!-- MESSAGE BUTTONS -->
	<if condition="$show['moderated']">
<td class="alt2" align="$stylevar[left]" colspan="2">
<else />
<td class="alt1" align="$stylevar[left]" colspan="2">
</if>
		<!-- controls -->
		<if condition="$post['editlink']">
			<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['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>
		<!-- / controls -->
	</td>
<!-- / MESSAGE BUTTONS -->
<!-- IP & REPORT POST -->
	<td class="alt2" align="$stylevar[right]">
		<if condition="$show['reputationlink']"><a href="reputation.php?$session[sessionurl]p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/reputation.gif" border="0" alt="<phrase 1="$post[username]">$vbphrase[add_to_xs_reputation]</phrase>" /></a></if>
		<if condition="$show['reportlink']"><a href="report.php?$session[sessionurl]p=$post[postid]" rel="nofollow">$vbphrase[report_bad_post]</a></if>
		$post[iplogged]
		&nbsp;
	</td>
<!-- / IP & REPORT POST -->
</tr>
</table>

<!-- 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_buddy_list]</phrase></a></td></tr>
	</if>
	</table>
</div>
<!-- / post $post[postid] popup menu -->

<if condition="$show['spacer']">
	</div>
	$spacer_close
</if>
<!-- / post #$post[postid] -->

Freesteyelz · #57 05-24-2006, 02:19 AM

To stretch out the gradient change colspan="2" to colspan="3". I think you'll have to do that twice. As for cleaning the 3-column layout it shouldn't be a problem.

GamerJunk.net · #58 05-24-2006, 04:01 AM

So how else can we clean it up?

GamerJunk.net · #59 05-24-2006, 04:11 AM

Btw it looks worse using colspan="3"

Freesteyelz · #60 05-24-2006, 06:44 AM

Ooops. Yeah, with colspan="3" it assumes you have 4 columns and not 3 as you do. My bad.

As for the cleaning up I can fiddle around with it. I'm kinda working on something at the moment but I'll do it soon after.

GamerJunk.net · #61 05-31-2006, 09:33 PM

Anything yet?

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05532 seconds Memory Usage 2,360KB 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!