آموزش ساخت پست بیت کشویی متحرک

[LAXER]

سلام بر تمام دوستان عزیز;

وقتی کاربر روی "بیشتر..." تو پست بیت کلیک کرد زیر اون یه منو باز میشه که تعداد ارسال ها , اعتبار , ... توش هست.
ولی مای بی بی این رو به صورت فابریک نداره پس باید خودمون واسش بسازیم.
اول اول باید بگم تنها مشکلی که داره اینکه وقتی رو "بیشتر..." کلیک میکنید منو ی تمام کاربران باز میشه که دلیلش اینکه از 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 {
    background: rgb(237,237,237);
    text-align: center;
    border: solid;
    border-width: thin;
    border-color: silver;
    border-radius: 5px;
    moz-border-radius: 8px;
    webkit-border-radius: 8px;
    padding-top: 0px;
    padding-bottom: -4px;
    padding-left: 2px;
    padding-right: 2px;
    
    font-family: tahoma;
    font-style: normal;
}

.slideup{
background: rgb(237,237,237);
    text-align: center;
    border: solid;
    border-width: thin;
    border-color: silver;
    border-radius: 5px;
    moz-border-radius: 8px;
    webkit-border-radius: 8px;
}
.bslideup {
background: rgb(237,237,237);
    text-align: center;
    border: solid;
    border-width: thin;
    border-color: blue;
    border-radius: 5px;
    moz-border-radius: 8px;
    webkit-border-radius: 8px;
} 


بعدش:
قالب ها >> 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 تغییر نام بدید.

[LAXER]

تست شده:
fire fox , opera , chrome
احتمالا" با IE مشکل خواهد داشت.
(پست بیت باز و بسته میشه ولی به صورت اسلاید نیست (تو مرورگر اینترنت اکسپلورر) ولی تو بقیه مرورگر ها به صورت اسلاید و کشویی باز و بسته میشه)


اگه راه حلی واسه مشکل باز شدن کل پست بیت های پیدا کردید همین جا بگید. (class & Id)

[AR@KST@R]

اسم فایل باید jquery.js باشه نه jquery-1.4.4.js
-------------------
خود مای بی بی در هر پست برای خوندن آواتور هر شخص و ... از متغییر {$post['pid']} با ای دی استفاده میکنه:

کد:

<div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">

تست کردم ولی ... ,به هر حال شما یه تستی بکنید.

[majid1605]

ممنون بابت آموزش خوبتون ولی ای کاش یه شات میزاشتید .
و البته فکر کنم استفاده از این روش باعث کاهش سرعت لود سایت بشه به خاطر لود فایل jquery ؟
درسته دوستان

[LAXER]

بله حق باشماست.

---

ممنون بابت آموزش خوبتون ولی ای کاش یه شات میزاشتید .
و البته فکر کنم استفاده از این روش باعث کاهش سرعت لود سایت بشه به خاطر لود فایل jquery ؟
درسته دوستان

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

خود مای بی بی در هر پست برای خوندن آواتور هر شخص و ... از متغییر {$post['pid']} با ای دی استفاده میکنه:


کد:


<div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
تست کردم ولی ... ,به هر حال شما یه تستی بکنید.

چشم.
تست میکنم.
خیلی ممنونم

[alimasumi]

شات نداره یا نمنه زنده ؟

[LAXER]

دمو رو الان قرار میدم.

[akspix]

دمو رو الان قرار میدم.

دمو رو قرار بدید ببینیم

[MyBulletian]

دموش کجاست؟
با فایرفاکس هم تست شد کار نمیکنه... اخرین ورژنش

[MyBulletian]

کسی از بزرگواران در مورد پست بیت کشوئی اطلاعاتی نداره