The Arcive of Official vBulletin Modifications Site.

WCF - IP.Board Style User Info · **Released**: 01-12-2012

I will start off by saying, I did this for fun. The code is pretty straight forward so you should have no problem modifying it to fit your needs. I will not be supporting this. I made this for postbit_legacy so it should not be that hard to incorporate into postbit. You may use this code and implement it however you wish on your site. You may edit/re-use/modify and post whatever you like here on vB.org based on this code.

MAKE A BACKUP OF YOUR postbit(_legacy) TEMPLATE SO YOU DONT COMPLAIN TO ME IF YOU CANNOT FIGURE OUT HOW TO GET THIS TO WORK! A simple select all>Copy>Paste into notepad would work (be sure to save

)

1) Upload files to forum root
2) Add the following to the bottom of additional.css

Code:

/* WCF DESIGNS IPB USERINFO */
div.userinfo a.collapse{font-size:11px;text-decoration:none;color:#fff;float:none !important;position:relative !important;top:5px !important;right:0 !important;padding:5px 10px;outline:1px #000 solid;border:1px #FFF solid;background:#6f8f52}
div.userinfo a.collapse:hover{background:#b82929}
.popupWrapper{background-color:#464646;background-color:rgba(70,70,70,0.6);padding:4px;-webkit-box-shadow:0px 12px 25px rgba(0, 0, 0, 0.7);-moz-box-shadow:0px 12px 25px rgba(0, 0, 0, 0.7);box-shadow:0px 12px 25px rgba(0, 0, 0, 0.7 );-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.stem.bottomleft{background-image:url({vb:raw vboptions.bburl}/wcf_designs/ipb/bottomleft.png)}
.stem{width:31px;height:16px;position:absolute}
.popupInner{background:#fff;width:500px;overflow:auto;-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.4);-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.4);box-shadow:0px 0px 3px rgba(0,0,0,0.4);overflow-x:hidden}
.userpopup{overflow:hidden;position:relative;font-size:0.9em}
.userpopup h3, .userpopup .side+div{padding-left:115px !important;}
.userpopup h3{font-size:17px}
.popupInner h3{background:#2c5687 url({vb:raw vboptions.bburl}/wcf_designs/ipb/maintitle.png) repeat-x top;color:#fff;border-width:1px 1px 0 1px;border-style:solid;border-color:#316897;padding:8px
10px 9px;font-size:16px;font-weight:300;text-shadow:0 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0px 1px 0 #528cbc;box-shadow:inset 0px 1px 0 #528cbc;-moz-box-shadow:inset 0px 1px 0 #528cbc}
.popupInner h3 a,.popupInner h3 a:hover{color:#fff;text-decoration:none}
.userpopup .side{position:absolute;margin-top: -40px;text-align:center}
.left{float:left}
.ipsBox,.ipsPad{padding:9px}
.ipsUserPhoto_large{max-width:90px;max-height:90px}
.ipsUserPhoto{padding:1px;border:1px
solid #d5d5d5;background:#fff;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);box-shadow:0px 2px 2px rgba(0,0,0,0.1)}
.ipsPad img{vertical-align:middle}
.ipsPad a:hover{text-decoration:none}
.ipsUserPhotoLink:hover .ipsUserPhoto{border-color:#7d7d7d}
.reputation.positive,.reputation.negative{color:#fff}
.reputation.positive{background:#6f8f52}
.reputation.negative{background:#b82929}
.reputation.zero{background:#dedede;color:#6e6e6e}
.reputation{font-weight:bold;padding:3px
8px;display:inline-block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.userpopup .reputation{display:block;text-align:center;margin-top:5px}
.ipsButton_secondary{height:22px;line-height:22px;font-size:12px;padding:0
10px;background:#f6f6f6;background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5));border:1px
solid #dbdbdb;-moz-box-shadow:0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);box-shadow:0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#616161;display:inline-block;white-space:nowrap;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out}.ipsButton_secondary
a{color:#616161}.ipsButton_secondary:hover{color:#4c4c4c;border-color:#9a9a9a}
.ipsType_smaller, .ipsType_smaller a{font-size:11px !important}
.userpopup .side .ipsButton_secondary {display:block;text-align:center;margin-top:5px;width:75px;height:auto;line-height:1;padding:5px 10px;white-space:normal}
.ipsPad{padding:9px}
.clear{clear:both}
.info{min-height:128px}
.userpopup .user_controls{text-align:left}
.user_controls{text-align:center;margin:6px 0}
.userpopup dl{border-bottom:1px solid #D4D4D4;padding-bottom:10px;margin-bottom:4px}
.info dt{float:left;font-weight:bold;padding:3px 6px;clear:both;width:30%}
.info dd{padding:3px 6px;width:60%;margin-left:35%}
/* /WCF DESIGNS IPB USERINFO */

3) Add this code where you'd like the MORE INFO button to appear in your postbit(_legacy) template

Code:

<!-- WCF DESIGNS IPB USERINFO -->
<a href="#" class="collapse" id="collapse_wcf_ipb{vb:raw post.postid}{vb:raw post.userid}">More Info</a>
<div id="wcf_ipb{vb:raw post.postid}{vb:raw post.userid}" style="display: none;">
<div id="pu_____hover___member_popup" style="z-index: 10001; margin-top: 28px; position: absolute; " class="popupWrapper"><div id="pu_____hover___member_stem" class="stem bottomleft" style="top: -16px; left: 5px; z-index: 6000; ">&nbsp;</div><div id="pu_____hover___member_inner" class="popupInner" style="width: 500px; max-height: 575px; "><div class="vcard userpopup">
	<h3><a href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}" class="fn nickname url">{vb:raw post.musername}</a></h3>
	<div class="side left ipsPad">
		<a href="{vb:link member, {vb:raw post}}" class="ipsUserPhotoLink">
<vb:if condition="$post['avatarurl']">
			<img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" class="ipsUserPhoto ipsUserPhoto_large">
<vb:else />
			<img src="{vb:raw vboptions.bburl}/wcf_designs/ipb/default_large.png" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" class="ipsUserPhoto ipsUserPhoto_large">
</vb:if>
		</a>
		<br />

<a href="search.php?{vb:raw session.sessionurl}do=finduser&amp;userid={vb:raw post.userid}&amp;contenttype=vBForum_Post&amp;showposts=1" class="ipsButton_secondary ipsType_smaller">My Posts</a>
<a href="search.php?{vb:raw session.sessionurl}do=finduser&amp;userid={vb:raw post.userid}&amp;starteronly=1&amp;contenttype=vBForum_Thread" class="ipsButton_secondary ipsType_smaller">My Threads</a>
<a href="{vb:link member, {vb:raw post}}" class="ipsButton_secondary ipsType_smaller">My Profile</a>
	
	</div>
	<div class="ipsPad">
		
		<div class="info">
			<vb:if condition="$post['rank']">
				<span class="rank">{vb:raw post.rank}</span>
			</vb:if>			
			<dl>
<vb:if condition="$post['usertitle'] != ''">
                                <dt>User Title</dt>
                                <dd>{vb:raw post.usertitle}</dd>
</vb:if>
                                <dt>Status</dt>
                                <dd>{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}</dd>
<vb:if condition="$post['joindate']">
                                <dt>{vb:rawphrase join_date}</dt>
                                <dd>{vb:raw post.joindate}</dd>
</vb:if>
<vb:if condition="$post['field2']">
                                <dt>{vb:rawphrase location_perm}</dt>
                                <dd>{vb:raw post.field2}</dd>
</vb:if>
<vb:if condition="$post['age']">
                                <dt>{vb:rawphrase age}</dt>
                                <dd>{vb:raw post.age}</dd>
</vb:if>
				<dt>{vb:rawphrase posts}</dt>
                                <dd>{vb:raw post.posts}</dd>
					<vb:if condition="$show['infraction']">
					<dt>{vb:rawphrase infractions}</dt> 
					<dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd>
					</vb:if>
{vb:raw template_hook.postbit_userinfo_right_after_posts}				
			</dl>

					<vb:if condition="$show['reputation']">
<div style="float:left;margin-right:10px;">
                                <span>Reputation Level</span>
				<div class="reputation <vb:if condition="$post['reputation'] > '0'">positive<vb:elseif condition="$post['reputation'] < '0'" />negative<vb:else />zero</vb:if>">			
					<span class="number">{vb:raw post.reputation}</span>
				</div>
</div>

						<vb:if condition="$show['reppower']">
<div style="float:left;margin-right:10px;">
                                <span>Reputation Power</span>
				<div class="reputation <vb:if condition="$post['reppower'] > '0'">positive<vb:elseif condition="$post['reppower'] < '0'" />negative<vb:else />zero</vb:if>">			
					<span class="number">{vb:raw post.reppower}</span>
				</div>
</div>
						</vb:if>
					</vb:if>

		</div>
		<ul class="user_controls clear">
			
						
			
			
		</ul>
	</div>
</div></div></div>
</div>
<!-- /WCF DESIGNS IPB USERINFO -->

I have included most of the basic user info code and hook for mods. I personally on my site deleted the default userinfo code and put in this so there is less clutter.

To show reputation level you must enable the reputation system.
To show reputation power you must enable it by doing the following
AdminCP>Settings>Options>Thread Display Options (showthread)>
check the box labelled 'Display Reputation Power' and save.

It is up to you how you use this code. Enjoy.

DEMO BEFORE

DEMO AFTER

DEMO NO AVATAR USER (DEFAULT WILL SHOW)

Boofo · #2 01-13-2012, 04:34 PM

Maybe add a text file with the instructions to the ZIP file for download?

stl7997 · #3 01-14-2012, 01:23 PM

I know this is unsupported but maybe someone could help me out. Attached is something I would like to achieve on my forum. Instead of all the other stuff, I'd only like to have a user profile field (field11) display here.

What would be the proper code to use to display this?

Thanks in advance!

LifesGreatestGift · #4 01-14-2012, 03:19 PM

delete

Code:

<vb:if condition="$post['usertitle'] != ''">
                                <dt>User Title</dt>
                                <dd>{vb:raw post.usertitle}</dd>
</vb:if>
                                <dt>Status</dt>
                                <dd>{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}</dd>
<vb:if condition="$post['joindate']">
                                <dt>{vb:rawphrase join_date}</dt>
                                <dd>{vb:raw post.joindate}</dd>
</vb:if>
<vb:if condition="$post['field2']">
                                <dt>{vb:rawphrase location_perm}</dt>
                                <dd>{vb:raw post.field2}</dd>
</vb:if>
<vb:if condition="$post['age']">
                                <dt>{vb:rawphrase age}</dt>
                                <dd>{vb:raw post.age}</dd>
</vb:if>
				<dt>{vb:rawphrase posts}</dt>
                                <dd>{vb:raw post.posts}</dd>
					<vb:if condition="$show['infraction']">
					<dt>{vb:rawphrase infractions}</dt> 
					<dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd>
					</vb:if>
{vb:raw template_hook.postbit_userinfo_right_after_posts}

Add

Code:

<vb:if condition="$post['field11']">
<dt>AE Assignments</dt>
<dd>{vb:raw post.field11}</dd>
</vb:if>

Adam H · #5 01-14-2012, 06:56 PM

This would be alot better if it was like Xenforo , I.e instead of having a "more info" button it just pop's up when you click the users profile and then a link to their main profile .

Like a mini profile if you like.

too_cool_3 · #6 01-14-2012, 07:24 PM

Looks nice! Will download and try at a later date. TAGGED

Phil K?vin · #7 01-15-2012, 01:22 AM

Exactly where it is that I should introduce the second code? I use postbit_legacy

Berdus2012 · #8 01-15-2012, 04:13 PM

Hello, my English is not good, but I have a question.
Could you tell me how I get an X on the upper right side, so if you click on it, the information window closes?

FReeSTER · #9 01-19-2012, 05:14 PM

looks great but not working on 4.1.7

TheSupportForum · #10 01-19-2012, 05:17 PM

Quote:

Originally Posted by FReeSTER

looks great but not working on 4.1.7

thats due to it saying vB Version: 4.1.9 as a requirement at the top

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06502 seconds Memory Usage 2,350KB Queries Executed 26 (?)
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 (4)bbcode_code (1)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 (2)pagenav_pagelink (10)post_thanks_box (4)post_thanks_box_bit (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (2)post_thanks_postbit (10)post_thanks_postbit_info (9)postbit (1)postbit_attachment (10)postbit_onlinestatus (10)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 fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end 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 post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

2 благодарности(ей) от:
K4GAP, voglermc

2 благодарности(ей) от:
K4GAP, stl7997

The Arcive of Official vBulletin Modifications Site.

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