The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
WCF - IP.Board Style User Info Details »» | |||||||||||||||||||||||||||||
WCF - IP.Board Style User Info
Developer Last Online: Apr 2015
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 */ 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; "> </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&userid={vb:raw post.userid}&contenttype=vBForum_Post&showposts=1" class="ipsButton_secondary ipsType_smaller">My Posts</a> <a href="search.php?{vb:raw session.sessionurl}do=finduser&userid={vb:raw post.userid}&starteronly=1&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 --> 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) Download Now
Show Your Support
|
Comments |
#12
|
||||
|
||||
thank you bro
installed and rated and transleted to RTL Arabic |
#13
|
|||
|
|||
Hi, I think the Idea driver but all the work and recognition goes to LifesGreatestGift since it was he who developed it. therefore wanted to know if someone could create some sort of plugin to get the effect I describe in this post: https://vborg.vbsupport.ru/showthrea...50#post2287150
Thank you very much, I hope some kind of response. |
#14
|
|||
|
|||
one more pretty good mod. thank u very much
|
#15
|
||||
|
||||
looks good, will try, thanks
|
#16
|
|||
|
|||
Demo images have depreciated.
|
#17
|
||||
|
||||
The popup looks something like this Robbie. When you hover over the More Info button it changes colour; clicking it displays the info.
|
#18
|
|||
|
|||
It looks great !!!!
anyone tries on 4.1.10? |
#19
|
||||
|
||||
It should work fine on 4.1.10
|
#20
|
||||
|
||||
Do you work at version 4.2.0 ??
|
#21
|
||||
|
||||
Works well with 4.2.0......installed thanks.....:up:
|
Thread Tools | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|