User info collapsable table on left side of postbit_legacy

******* User info collapse on postbit_legacy v.9 **********


I had a number of users complaining about how much "white space" there was on posts where the person had only entered 1 line of text because of the size of the user information below the username on the left hand side.

This hack puts the user information (online/offline status, location, post count, join date, etc) in the postbit_legacy template (only works if you are using the legacy postbit) into a collapsable table like many of the other collapsable tables in vB3. Users can collapse/expand this information at will while viewing a thread and the status is saved in the cookie.

This is the very first javascript code I've ever written so go easy on me .

Please click on install if you use this hack!

[Steve St.Lauren]

Originally Posted by JD210

Email sent, and thanks.

I sent your files back to you. Looks like none of the modifications were made to the two .php files.

[JD210]

I think I sent you the backups and not the modified files. I will check and resend them

[JD210]

Resolved and working well, thanks.

*clicks installed*

[Acid_Reflux]

I am having a slight problem where I'm supposed to post the following code in my postbit:

<table class="tborder" cellspacing="1" border="0" width="100%"><tbody>	
<tr>
		<td class="thead" colspan="2">
			<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapseuserinfo('postbit_legacy_userinfo$post[postcount]')"><img id="collapseimg_postbit_legacy_userinfo$post[postcount]" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_postbit_legacy_userinfo].gif" alt="" border="0" /></a>$post[onlinestatus]
		</td>
	</tr>
</tbody>
<tbody id="collapseobj_postbit_legacy_userinfo$post[postcount]" style="$vbcollapse[collapseobj_postbit_legacy_userinfo]"><tr><td class="alt2">
			<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="$avatarurl" alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
				</div>
			</if>
			
			<div class="smallfont">
				<if condition="$post['joindate']">$vbphrase[join_date]: $post[joindate]<br /></if>
				<if condition="$post['field2']">$vbphrase[location_perm]: $post[field2]<br /></if>
				<if condition="$post['age']">$vbphrase[age]: $post[age]<br /></if> 
				$vbphrase[posts]: $post[posts] 
				<if condition="$show['reputation']">
				<if condition="$show['reppower']">$vbphrase[reppower]: $post[reppower] </if>
					$post[reputationdisplay]
				</if><br />
				<if condition="$post[icqicon] or $post[aimicon] or $post[msnicon] or $post[yahooicon]">
				$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon]<br /></if>

				</div></td></tr></tbody></table>

My problem is that my postbit code that I'm supposed to replace looks like this instead of the default code:

			<if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div></if>
			<if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if>
		
          <if condition="$post[IsOnline] == true">
					  &nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$avatarurl" alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
          <else />
					  &nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$avatarurl" alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" style="filter:alpha(opacity=30);-moz-opacity:0.3;opacity: 0.3;" /></a>
          </if>
			
			<div class="smallfont">
				&nbsp;<br />
<if condition="$post[starsign]">
<a href="#" onclick="window.open('zodiac.php?do=$post[starsign]&amp;focus=1','horroscope','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=450,height=350'); return false;">
<img src="images/starsign/$post[starsign].gif" alt="weekly horoscope for $post[starsign]" border="0"></a>
</if>				
<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>
<!-- user forum style -->
<div>$vbphrase[style]: <if condition="$post[style] == '$vbphrase[not_specified]'"><a href="$vboptions[forumhome].php?styleid=$vboptions[styleid]">Default Style</a><else />$post[style]</if></div>
					<!-- / user forum style -->				
<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon]</div>
			</div>

I've tried a few times to incorporate this hack with my existing code as I do not want to get rid of the profile options I've installed; however, none of my attempts have worked. That is not surprising considering I'm a Class A Newbie when it comes to this kind of thing and I'm only able to install vBulletin hacks because I'm capable of reading directions. I was wondering if someone would be kind enough to let me know how I can install this hack with my existing code?

[DJDarknez]

Got this one installed, works good!

Questions:

How can I make the title / rank visible? It seems to hide it.

Also, how can I get rid of the border around the table? I tried sniffing around the code for the border width code, but everything was set to zero!

Help me! Please! :nervous:

[ChrisLM2001]

Nice mod. Friendly for those who don't like postbit clutter, but also allows a lot for those info hounds.

DJDarknez: If you haven't found a workaround yet: just add the table code below the title/rank (inbetween the divs), then it won't hide them.

And change this in clientscript/vbulletin_global.js (there's 2 of these) from thead|tcat to your new CSS class names for a different thead and tcat for the postbit...

PHP Code:

if (cel)
            {
                cel_re = new RegExp("^(thead|tcat)(_collapsed)$");
                cel.className = cel.className.replace(cel_re, '$1');
            } 


Also set the table around 20px larger than the divs inside it. 100% will cause it to shrink and expand to the contents. That way when it opens and closes it won't cause that width expand/shrink movement. Keeps it tidier.

Added: you can also change the table class from tborder to something else to customize the border (easier).

Chris

[venomx]

How hard is it to change this so only some things collapse?

[Polo]

Originally Posted by venomx

How hard is it to change this so only some things collapse?

shouldt be that hard... whatever is in the tags <tbody> are the things that will collapse...

[DJDarknez]

edit......

Officially uninstalled. Followed instructions to a T, but gave me, and my users, this message:

Warning: Cannot modify header information - headers already sent by (output started at /home/djd/public_html/forums/includes/functions_showthread.php:673) in /includes/functions.php on line 2946

whenever trying to view a thread.

[Allan]

Hello Steven, thanks for this hack

a question , in your installation, kept silent asks to replace a complete part of text, regrettably, I have to modify my postbit, can you put, just change has to make in the postbit Please ?