ایجاد قابلیت مشاهده اطلاعات کاربر به صورت پاپ آپ در صفحه اصلی


سلام
خب قبلا یه پلاگینی در انجمن قرار دادم که یکی از امکاناتش این بود که پاپ آپ برای مشاهده اطلاعات کاربر داشت البته اون آواتار رو هم نمایش میداد
اما توی این آموزش این قابلیت رو به لینک هایی میده که به پروفایل کاربر مربوط میشن مثلا آخرین ارسال کننده در صفحه اصلی

خب برای اینکار ابتدا فایل زیر رو دانلود کنید :
نام فایل : tinybox.zip
اندازه : 5.22 KB
پسورد : www.mybbco.ir
فقط اعضا میتوانند فایل پیوست را دریافت کنند .


خب حالا دو فایل close.png و loader.gif موجود در پوشه images رو در پوشه images مای بی بی آپلود کنید
سپس فایل tinybox.js رو در پوشه jscripts مای بی بی آپلود کنید


حالا کد زیر رو در headerinclude قالبتون قرار بدید :



<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/tinybox.js"></script>




حالا به مسیر زیر برید :
قالب ها و پوسته ها / قالب ها / قالب های عمومی
حالا قالبی با نام profile_pop ایجاد کنید :
<style type="text/css">
hr {
background-color:#989898;
}
</style>
<table><tr>
<td id="tvatar" style="width: 135px;text-align:center"><span><img src="{$memprofile['avatar']}" alt="" style="max-width:135px; max-height:135px" /></span></td>
<td style="vertical-align: top; padding-left: 9px; width:340px;color:#fff">
<div style="min-height:175px;line-height:1.27;"><a href="member.php?action=profile&amp;uid={$uid}"><span style="font-size:18px;color:#fff"><strong>{$formattedname}</strong></span></a>
<br /><span style="font-size:11px">{$usertitle}</span> <br /><br /><br />
<span style="font-size:11px;font-weight:bold"><a href="member.php?action=profile&amp;uid={$uid}" style="color:#989898">پروفایل کاربر</a>
<a href="private.php?action=send&amp;uid={$memprofile['uid']}" style="padding-left:5px;color:#989898">ارسال پ.خ</a></span><hr>
<span style="font-size:11px">وضعیت : {$online_status} &nbsp;{$lang->registration_date} {$memregdate}
&nbsp;{$lang->total_posts} {$memprofile['postnum']} &nbsp;{$lang->reputation} {$memprofile['reputation']}
&nbsp;{$lang->warning_level} <a href="{$warning_link}" style="color:#989898">{$warning_level} %</a>
<br />(<a href="search.php?action=finduserthreads&amp;uid={$uid}" style="color:#989898">{$lang->find_threads}</a> &mdash; <a href="search.php?action=finduser&amp;uid={$uid}" style="color:#989898">{$lang->find_posts}</a>;)<hr>
{$lang->lastvisit} {$memlastvisitdate} {$memlastvisittime}</span></div></td></tr></table>



حالا به مسیر زیر برید :
قالب ها و پوسته ها / پوسته ها / پوسته مورد نظر
حالا یه قالب بندی جدید اضافه کنید با نام : tiny.css
و کدهای زیر رو در اون قرار بدید :
.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:url(images/loader.gif) no-repeat 50% 50% rgba(0, 0, 0, 0.8); border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background-color:#FFF; z-index:800; opacity:0.5 !important;}
.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;
}





اکنون فایل زیر رو دریافت کنید و در مسیر inc/plugins آپلود کنید :
نام فایل : profile.zip
اندازه : 1.38 KB
پسورد : www.mybbco.ir
فقط اعضا میتوانند فایل پیوست را دریافت کنند .

سپس پلاگین رو فعال کنید


حالا فایل functions.php موجود در مسیر inc/function.php رو ویرایش کنید و کد زیر رو پیدا کنید :
return "<a href=\"{$mybb->settings['bburl']}/".get_profile_link($uid)."\"{$target}{$onclick}>{$username}</a>";

به جای کد بالا ، کد زیر رو قرار بدید :
//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,top:80})\" href=\"javascript:void(0)\"{$target}{$onclick}>{$username}</a>";











موفق باشید
منبع : mybb.com
thanks
تصویر (ها)
   
نویسنده :

X
ثبت دانلود پیوست ها در پنل ناظم
نام پلاگین : Attachment Downloads Log عملکرد : ثبت دانلود پیوست ها در پنل ناظم نویسنده : Diogo Par ...
پلاگین 1.8
دیدگاه های کاربران 4
ارسال: 2
با سلام خیلی ممنون از آموزشتون

ولی ی مشکل من تمام کار و انجام دادم اول پلاگین و بعد متغیر و گذاشتم و تمام کار ها ولی اصن آواتر نمایش داده نمیشه

مشکل از کجاس؟

ممنون

پاسخ مسئول
ارسال: 3
(2014-07-05T10:59:42+00:00 2014-07-05T10:59:42+00:00)M.nestor نوشته :  با سلام خیلی ممنون از آموزشتون

ولی ی مشکل من تمام کار و انجام دادم اول پلاگین و بعد متغیر و گذاشتم و تمام کار ها ولی اصن آواتر نمایش داده نمیشه

مشکل از کجاس؟

ممنون

کدوم آواتار ؟ آواتار کاربر در باکس پاپ آپ ؟

image
ارسال: 4
نمایش آواتر در لیست موضوعات لینک:
http://community.mybbco.ir/Thread-%D8%A2...8%A7%D8%AA

پاسخ مسئول
ارسال: 5
(2014-07-05T15:42:35+00:00 2014-07-05T15:42:35+00:00)M.nestor نوشته :  نمایش آواتر در لیست موضوعات لینک:
http://community.mybbco.ir/Thread-%D8%A2...8%A7%D8%AA

این آموزش با اون آموزش متفاوت هست

image

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :