مرجع پارسی MyBB

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

برای اینکار


ابتدا برای کاربران جدید از مسیر زیر عمودی میکنیم:

کنترل پنل مدیریت > پیکربندی > تنظیمات >تنظیمات show thread options

قسمت Post Layout روی گزینه دوم display posts using the classic layout بگذارید و ذخیره کنید

خب حالا باید برای کاربران قدیمی هم عمودی کنید


که برای اینکار باید یک کوئری رو اجرا کنید

اصلا نترسید کار سختی نیست!!!

برای اینکار به هاست خود بروید > قسمت php my admin > قسمت دیتابیس انجمن شما


این کوئری را اجرا کنید
کد:
UPDATE `mybb_users` SET `classicpostbit` = '1' WHERE `classicpostbit` = '0'

پس از وارد کردن دستور در صفحه گزینهgo را بزنید

حالا میرسیم به بخش اصلی

به کنترل پنل ادمین بروید----->قالب ها و پوسته ها--->پوسته ها---> پوسته مورد نظر---->global.css
(نوع ویرایش را روی پیشرفته قرار دهید)
و این کد های زیر را در آخر کد های موجود قرار دهید

کد:
.omidkarimzadeh {
background: rgb(214,214,214); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(214,214,214,1) 0%, rgba(226,226,226,1) 48%, rgba(214,214,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(48%,rgba(226,226,226,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(226,226,226,1) 48%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(226,226,226,1) 48%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(226,226,226,1) 48%,rgba(214,214,214,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(214,214,214,1) 0%,rgba(226,226,226,1) 48%,rgba(214,214,214,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
    padding:3px 5px 5px 1px ;
    margin: 0 0 2px 0;
    font-family:"B Yekan", "B Sina" , "Tahoma", "aryal", "sans-serif";
    font-size:12px;
    color:#333;
    text-align:center;
    text-decoration:none;
    text-transform:none;
    -moz-border-radius:12px 12px 12px 12px;
    border-left: 5px solid #008000;
    border-right: 5px solid #008000;
    border-top: 1px solid #008000;
    border-bottom: 1px solid #008000;
    box-shadow:0px 0px 1px 1px #999 ;
    transition: all 0.3s ease-in-out 0s;
    border-bottom-left-radius: 30px 50px;
    -moz-border-bottom-left-radius: 30px 50px;
    -webkit-border-bottom-left-radius: 30px 50px;
    -o-border-bottom-left-radius: 30px 50px;
    -ms-border-bottom-left-radius: 30px 50px;
    border-top-right-radius: 30px 50px;
    -moz-border-top-right-radius: 30px 50px;
    -webkit-border-top-right-radius: 30px 50px;
    -o-border-top-right-radius: 30px 50px;
    -ms-border-top-right-radius: 30px 50px;
    border-top-left-radius: 7px;
-moz-border-top-left-radius: 7px;
-webkit-border-top-left-radius: 7px;
-o-border-top-left-radius: 7px;
-ms-border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
-moz-border-bottom-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-o-border-bottom-right-radius: 7px;
-ms-border-bottom-right-radius: 7px;

}

.omidkarimzadeh:hover {
    font-family:"B Yekan", "B Sina" , "Tahoma", "aryal", "sans-serif";
    font-size:13px;
    color:#333;
    text-align:center;
    text-decoration:none;
    text-transform:none;
    padding:3px 5px 5px 1px ;
    text-shadow:1px 1px 1px #ccc;
    margin: 0 0 2px 0 ;
    border-left: 5px solid #228B22;
    border-right: 5px solid #228B22;
    border-top: 1px solid #228B22;
    border-bottom: 1px solid #228B22;
    box-shadow:0px 0px 1px 1px #999 ;
    transition: all 0.3s ease-in-out 0s;
    border-bottom-left-radius: 7px;
    -moz-border-bottom-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -o-border-bottom-left-radius: 7px;
    -ms-border-bottom-left-radius: 7px;
    border-top-right-radius: 7px;
    -moz-border-top-right-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -o-border-top-right-radius: 7px;
    -ms-border-top-right-radius: 7px;
    border-top-left-radius: 30px 50px;
-moz-border-top-left-radius: 30px 50px;
-webkit-border-top-left-radius: 30px 50px;
-o-border-top-left-radius: 30px 50px;
-ms-border-top-left-radius: 30px 50px;
    border-bottom-right-radius: 30px 50px;
-moz-border-bottom-right-radius: 30px 50px;
-webkit-border-bottom-right-radius: 30px 50px;
-o-border-bottom-right-radius: 30px 50px;
-ms-border-bottom-right-radius: 30px 50px;


}
.OmidStar{
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
border: 1px solid #000000;
margin-bottom: 3px;
padding: 3px;
border-radius: 8px;
}
تنظیمات را ذخیره کنید
---------------
حالا به قالب ها بروید--->قالب مورد نظر----->Post Bit Templates---->به postbit_classic
کد های زیر را جایگزین کد های موجود کنید
کد:
{$ignore_bit}

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">

    <tr>

        <td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>



    <div class="omidkarimzadeh"><div class="Mybbskin_logo"></div><strong><span class="largetext"><a href="#" id="profilelink_{$post['pid']}">{$post['username_formatted']}</span></strong></a>

<div id="profilelink_{$post['pid']}_popup" class="popup_menu" style="display: none;">

<div class="popup_item_container">

<a href="{$mybb->settings['bburl']}/member.php?action=profile&amp;uid={$post['uid']}" class="popup_item">مشاهده پروفايل کاربر</a>

</div>

<div class="popup_item_container">

<a href="{$mybb->settings['bburl']}/search.php?action=finduser&amp;uid={$post['uid']}" class="popup_item">مشاهده ارسال هاي کاربر</a>

</div>

<div class="popup_item_container">

<a href="{$mybb->settings['bburl']}/search.php?action=finduserthreads&uid={$post['uid']}" class="popup_item">مشاهده موضوعات کاربر</a>

</div>

<div class="popup_item_container">

<a href="{$post['website']}" target="_blank" " class="popup_item">مشاهده وب سايت کاربر</a>

</div>

<div class="popup_item_container">

<a href="{$mybb->settings['bburl']}/private.php?action=send&amp;uid={$post['uid']}" class="popup_item">ارسال پيام خصوصي به کاربر</a>

</div>

<div class="popup_item_container">

<a href="{$mybb->settings['bburl']}/member.php?action=emailuser&amp;uid={$post['uid']}" class="popup_item">ارسال ايميل به کاربر</a>

</div>

</div><br />

<script language="javascript" type="text/javascript">

new PopupMenu("profilelink_{$post['pid']}");

</script> </div>

    <div class="omidkarimzadeh"><font color="#000000">{$post['usertitle']}</div>

    <div class="omidkarimzadeh"><font color="#000000">{$post['userstars']}</div>

    {$post['useravatar']}

    <div class="omidkarimzadeh">{$post['groupimage']}<br></div>

    <div class="omidkarimzadeh"><font color="#000000"><a href="search.php?action=finduser&amp;uid={$post['uid']}">يافتن تمام ارسالهاي اين کاربر</a></font></div>

    <div class="omidkarimzadeh"><font color="#000000">وضعيت : {$post['onlinestatus']}</font></div>

    <font color="#000000">{$post['user_details']}</font>

       </strong>

       <br />

          

       </span>

    </td>

    <td class="{$altbg}" valign="top">

        <table width="100%">

            <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>

            <br />

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

                {$post['message']}

            </div>

            {$post['attachments']}

            {$post['signature']}

            <div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">

                <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>

                {$post['iplogged']}

            </div>

        </td></tr>

    </table>

</td>

</tr>

<tr>

    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>

    <td class="{$altbg}" style="vertical-align: middle;">

        <table width="100%" border="0" cellpadding="0" cellspacing="0">

            <tr valign="bottom">

                <td align="right" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>

             <td align="left">{$post['button_spam']}{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['thanks']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}<div style='float:right'>

<g:plusone size="standard" expr:href="data:post.url"/>

</div></td>

            </tr>

        </table>

    </td>

</tr>{$post['thxdsp_inline']}



</table>{$post['thxdsp_outline']}
تنظیمات را ذخیره کنید
------------
حالا به بخش قالب ها بروید--->قالب مورد نظر--->Post Bit Templates--->به postbit_author_user

کد های زیر را جایگزین کد های موجود کنید
کد:
<div class="omidkarimzadeh">
<div class="Mybbskin_logo"></div>{$lang->postbit_posts}{$post['postnum']}
<br></div>
<div class="omidkarimzadeh">
<div class="Mybbskin_logo"></div>{$lang->postbit_joined}{$post['userregdate']}
<br></div>
<div class="omidkarimzadeh">
<div class="Mybbskin_logo"></div>{$post['replink']}
<br></div>
تذکر:میتوانید فیلد هایی اختیاری که قبلا ساختید به طور دلخواه به این بخش اضافه کنید
نحوه اضافه کردن این گونه است

کد:
<div class="omidkarimzadeh">
<div class="Mybbskin_logo"></div><legend><strong>متن مورد نظر</strong></legend>
{$post['fidX']}
<br></div>
به جای "متن مورد نظر" عنوان همان فیلد را قرار دهید و به جای X آی دی فیلد را قرار دهید
اگر نمیدانید چگونه باید فیلد اختیاری را بسازید اینجا کلیک کنید
-----------------
حالا به قالب ها بروید---->قالب مورد نظر--->Post Bit Template---->بهpostbit_avatar

کد های زیر را جایگزین کد های موجود کنید
کد:
<br />
<center><table>
<tbody><tr>
<td class="OmidStar" , style="width: 10px; height: 34px;">
<a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="" {$avatar_width_height} /></a>

</td>
</tr></tbody></table></center>
<br />
--------------
حالا وقت زیبا سازی بخش های اضافیه(پلاگین ها)
اگه پلاگین سپاس رو نصب کردید

باید به بخش قالب ها--->قالب‌های سراسری--->thanks_postbit_count

کد زیر را جایگزین کد های موجود کنید
کد:
<div class="omidkarimzadeh">
  <div class="Mybbskin_logo">
<span class="smalltext">{$lang->thx_thank} {$post['thank_count']}</span>
</div>
</div>
<div class="omidkarimzadeh">
  <div class="Mybbskin_logo">
<span class="smalltext">{$post['thanked_count']}</span>
</div>
</div>

اگر پلاگین حالت من را نصب کردید
باید به بخش قالب ها--->قالب‌های سراسری--->mood_postbit

کد زیر را جایگزین کد های موجود کنید
کد:
<div class="omidkarimzadeh">
  <div class="Mybbskin_logo">
<span class="smalltext">{$lang->mood_mood}: {$post['mood']}<br /></span>
</div>
</div>

اگر پلاگین newpoint را نصب کردید
باید به بخش قالب ها--->قالب‌های سراسری--->newpoints_postbit

کد زیر را جایگزین کد های موجود کنید
کد:
<div class="omidkarimzadeh">
  <div class="Mybbskin_logo">
<span class="smalltext"><span class="smalltext">{$currency}: <a href="{$mybb->settings['bburl']}/newpoints.php">{$points}</a></span>{$donate}{$post['newpoints_shop_items']}</span>
</div>
</div>

حالا اگر خواستید چیز دیگری اضافه کنید باید متغیر آنرا به جای X در کد زیر قرار دهید و سپس در قالب postbit_author_user قرار دهید

کد:
<div class="omidkarimzadeh">
  <div class="Mybbskin_logo">
X
</div>
</div>
با تشکر از آقای ! Omid StaR ! بخشی از این تاپیک ساخته ی ایشون است
[تصویر:  photos.png] نمونه:
چجوری رنگش رو به جای سبز مشکی کنیم؟
چجوری رنگش رو به جای سبز مشکی کنیم؟

uppp