1 - Download TinyBox2 : http://www.scriptiny.com/2011/03/javascr...l-windows/
2 - Copy tinybox2/tinybox.js in jscripts folder
3 - Copy tinybox2/images/close.png and tinybox2/images/preload.gif in images folder
4 - Edit headerinclude templates
add after all:
5 - Create new template with name "member_profile_pop" and add
Ps. If Search engine friendly URL is enabled in your forum, change all
"member.php?action=profile&uid={$uid}" to "user-{$uid}.html"
6- Create new stylesheet wit name "tiny.css" and add
If you use black theme plz check this post http://community.mybb.com/thread-137866-...#pid995435
7 - Edit member.php
7.1 - Find:
replace:
7.2 - Find:
Replace:
7.3 - Find:
Replace:
8 - Edit inc/function.php
Find:
Replace:
Image:
![[Image: XUcsci0.png]]()
Demo: My forum
2 - Copy tinybox2/tinybox.js in jscripts folder
3 - Copy tinybox2/images/close.png and tinybox2/images/preload.gif in images folder
4 - Edit headerinclude templates
add after all:
Code:
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/tinybox.js"></script>Code:
<table><tr><td id="tvatar" style="width: 135px;text-align:center"><span><img src="{$memprofile['avatar']}" alt="" max-width="135" max-height="135" /></span></td><td style="vertical-align: top; padding-left: 10px; width:340px"><div style="min-height:175px"><a href="member.php?action=profile&uid={$uid}"><span style="font-size:15px"><strong>{$formattedname}</strong></span></a><br /><span style="font-size:11px">({$usertitle})</span>{$groupimage}<br />{$userstars}<br /><br /><span style="font-size:10px;font-weight:bold"><a href="member.php?action=profile&uid={$uid}">Profile Page</a> <a href="private.php?action=send&uid={$memprofile['uid']}" style="padding-left:5px">Send PM</a></span><hr><span style="font-size:10px">{$lang->postbit_status} {$online_status} {$lang->registration_date} {$memregdate} {$lang->total_posts} {$memprofile['postnum']} {$lang->reputation} {$memprofile['reputation']} {$lang->warning_level} <a href="{$warning_link}">{$memprofile['warningpoints']}</a><hr>{$lang->lastvisit} {$memlastvisitdate} {$memlastvisittime}</span></div></td></tr></table>Ps. If Search engine friendly URL is enabled in your forum, change all
"member.php?action=profile&uid={$uid}" to "user-{$uid}.html"
6- Create new stylesheet wit name "tiny.css" and add
Code:
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900;text-align:left}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}
#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}
#tvatar img {
padding: 1px;
border: 1px solid #D5D5D5;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
#tvatar img:hover {
border-color:#7D7D7D;
}If you use black theme plz check this post http://community.mybb.com/thread-137866-...#pid995435
7 - Edit member.php
7.1 - Find:
Code:
member_profile_referrals";Code:
member_profile_referrals,member_profile_pop";Code:
if($mybb->input['action'] == "profile")Code:
if($mybb->input['action'] == "profile" or $mybb->input['action'] == "profile_pop")Code:
eval("\$profile = \"".$templates->get("member_profile")."\";");
output_page($profile);Code:
if($mybb->input['action'] == "profile_pop"){
eval("\$profile_pop = \"".$templates->get("member_profile_pop")."\";");
output_page($profile_pop);}
else
eval("\$profile = \"".$templates->get("member_profile")."\";");
output_page($profile);Find:
Code:
return "<a href=\"{$mybb->settings['bburl']}/".get_profile_link($uid)."\"{$target}{$onclick}>{$username}</a>";Code:
//return "<a href=\"{$mybb->settings['bburl']}/".get_profile_link($uid)."\"{$target}{$onclick}>{$username}</a>";
return "<a onclick=\"TINY.box.show({url:'{$mybb->settings['bburl']}/member.php?action=profile_pop&uid=$uid',width:500})\" href=\"javascript:void(0)\"{$target}{$onclick}>{$username}</a>";Image:
![[Image: XUcsci0.png]](http://i.imgur.com/XUcsci0.png)
Demo: My forum