مرجع پارسی MyBB

نسخه‌ی کامل: آموزش ساخت پست بیت کشویی متحرک
شما درحال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب‌بندی مناسب.
سلام بر تمام دوستان عزیز;

وقتی کاربر روی "بیشتر..." تو پست بیت کلیک کرد زیر اون یه منو باز میشه که تعداد ارسال ها , اعتبار , ... توش هست.
ولی مای بی بی این رو به صورت فابریک نداره پس باید خودمون واسش بسازیم.
اول اول باید بگم تنها مشکلی که داره اینکه وقتی رو "بیشتر..." کلیک میکنید منو ی تمام کاربران باز میشه که دلیلش اینکه از class استفاده کردم اگه از id استفاده میکردم فقط پست بیت یک نفر عمل میکرد و مال بقیه مشکل پیدا میکرد.


بریم سر آموزش:

قالب ها >> Default >>Post Bit Templates>> postbit_author_user
کد های موجود رو با این کد عوض کنید:
کد php:
<table>
<
tr>
    <
td class="bslideup">بیشتر...</td>
</
tr>
</
table>
<
table>
<
tr>
    <
td class="slideup">
<
table>
<
tr>
<
td class="lx_postbit"style="width:200px;height:4px">
<
center>
{
$lang->postbit_posts} {$post['postnum']}
</
center>
</
td>
</
tr>
</
table>

<
table>
<
tr>
<
td class="lx_postbit"style="width:200px;height:4px">
<
center>
{
$lang->postbit_joined} {$post['userregdate']}
</
center>
</
td>
</
tr>
</
table>
<
table>
<
tr>

    <
td class="lx_postbit"style="width:100px;height:-4px">{$post['replink']}</td>
    <
td class="lx_postbit"style="width:100px;height:-4px">{$post['onlinestatus']}</td>
</
tr>
</
table>
</
td>
</
tr>
</
table

تو global قالب این سری css رو اضافه کنید:

کد php:
.lx_postbit {
    
backgroundrgb(237,237,237);
    
text-aligncenter;
    
bordersolid;
    
border-widththin;
    
border-colorsilver;
    
border-radius5px;
    
moz-border-radius8px;
    
webkit-border-radius8px;
    
padding-top0px;
    
padding-bottom: -4px;
    
padding-left2px;
    
padding-right2px;
    
    
font-familytahoma;
    
font-stylenormal;
}

.
slideup{
backgroundrgb(237,237,237);
    
text-aligncenter;
    
bordersolid;
    
border-widththin;
    
border-colorsilver;
    
border-radius5px;
    
moz-border-radius8px;
    
webkit-border-radius8px;
}
.
bslideup {
backgroundrgb(237,237,237);
    
text-aligncenter;
    
bordersolid;
    
border-widththin;
    
border-colorblue;
    
border-radius5px;
    
moz-border-radius8px;
    
webkit-border-radius8px;


بعدش:
قالب ها >> Default >>Header Templates>>Header
این کد رو به انتهاش اضافه کنید:
کد php:
<script type="text/javascript" src="jquery.js"></script>
 <
script type="text/javascript">
 $.
noConflict();
 
jQuery(document).ready(function(){
 
jQuery(document).ready(function(){
 
jQuery(".slideup").hide();
   });
   
jQuery(".bslideup").click(function(){
     
jQuery(".slideup").slideToggle("slow",0);
   });
 });
</
script

اگه مشکلی داشت لطفا" اعلام کنید.
این فایل رو هم دانلود تو روت انجمن و همچنین تو پوشه jscripts بزارد:

http://www.wallfa.com/wp-content/uploads...y-1.4.4.js
بعد اینکه فایل رو دریافت کردید اونرو به jquery.js تغییر نام بدید.
تست شده:
fire fox , opera , chrome
احتمالا" با IE مشکل خواهد داشت.
(پست بیت باز و بسته میشه ولی به صورت اسلاید نیست (تو مرورگر اینترنت اکسپلورر) ولی تو بقیه مرورگر ها به صورت اسلاید و کشویی باز و بسته میشه)


اگه راه حلی واسه مشکل باز شدن کل پست بیت های پیدا کردید همین جا بگید. (class & Id)
اسم فایل باید jquery.js باشه نه jquery-1.4.4.js Heart
-------------------
خود مای بی بی در هر پست برای خوندن آواتور هر شخص و ... از متغییر {$post['pid']} با ای دی استفاده میکنه:
کد:
<div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
تست کردم ولی ... ,به هر حال شما یه تستی بکنید.
ممنون بابت آموزش خوبتون ولی ای کاش یه شات میزاشتید .
و البته فکر کنم استفاده از این روش باعث کاهش سرعت لود سایت بشه به خاطر لود فایل jquery ؟
درسته دوستان
بله حق باشماست.
نقل‌قول: ممنون بابت آموزش خوبتون ولی ای کاش یه شات میزاشتید .
و البته فکر کنم استفاده از این روش باعث کاهش سرعت لود سایت بشه به خاطر لود فایل jquery ؟
درسته دوستان
آخه آموزش برای یه کارمتحرکه و شات از یه چی متحرک.....Undecided
باعث کاهش لود میشه ولی اگه فایل جی کوئری از خودت هاست لود بشه این مشکل به صورت محسوسی کم میشه.
الان دیگه کل انجمن ساز ها رفتن به طرف جی کوئری.
نقل‌قول: خود مای بی بی در هر پست برای خوندن آواتور هر شخص و ... از متغییر {$post['pid']} با ای دی استفاده میکنه:


کد:


<div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
تست کردم ولی ... ,به هر حال شما یه تستی بکنید.
چشم.
تست میکنم.
خیلی ممنونم
Heart
شات نداره یا نمنه زنده ؟
دمو رو الان قرار میدم.
(۱۳۹۰/۱۰/۲۱، ۰۶:۴۴:۲۹ صبح)LAXER نوشته است: [ -> ]دمو رو الان قرار میدم.
دمو رو قرار بدید ببینیم

دموش کجاست؟
با فایرفاکس هم تست شد کار نمیکنه... اخرین ورژنش
کسی از بزرگواران در مورد پست بیت کشوئی اطلاعاتی ندارهBlush