هاست لینوکس

آخرین بسته‌ی MyBB: نسخه‌ی 1.8.27 MyBB منتشر شد
کتاب MyBB: کامل‌ترین کتاب راهنمای انجمن‌ساز MyBB از صفر تا صد منتشر شد

مرجع پارسی MyBB › آرشیو › آرشیو انجمن های قدیمی › مای بی بی نسخه 1.6 › آموزش ها › آموزش تغییرات v
آموزش زیبا سازی پست بیت یصورت انیمیشن

امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
حالت موضوعی
آموزش زیبا سازی پست بیت یصورت انیمیشن
محمد تی ام آفلاین
مدیر
*****
مدیر
ارسال‌ها: 852 موضوع‌ها: 143 تاریخ عضویت: ۹ مرداد ۱۳۹۲ اعتبار: 25
#1
Lightbulb  ۱۳۹۳/۵/۲۱، ۱۱:۲۲:۳۸ صبح (آخرین ویرایش: ۱۳۹۳/۵/۲۱، ۱۵:۴۱:۳۶ عصر، توسط محمد تی ام.)
سلام
برخی از دوستان آموزش پست بیت انیمیشنی رو خواسته بودند و من این آموزش رو گذاشتم

برای اینکار


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

کنترل پنل مدیریت > پیکربندی > تنظیمات >تنظیمات 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] نمونه:


فایل‌(های) پیوست شده بندانگشتی (ها)
       
وب سایت ارسال‌ها
پاسخ
 سپاس شده توسطquester (۱۳۹۳/۵/۲۴، ۱۵:۱۸:۱۸ عصر) ، reus (۱۳۹۳/۱۲/۱۱، ۱۴:۲۶:۱۴ عصر) ، MISTER (۱۳۹۴/۵/۲۲، ۱۷:۳۲:۱۶ عصر) ، qweqw2806 (۱۳۹۴/۵/۲۳، ۲۲:۱۷:۴۶ عصر)
MISTER آفلاین
مـدیـر
*****
مدیر
ارسال‌ها: 826 موضوع‌ها: 123 تاریخ عضویت: ۳ تير ۱۳۹۴ اعتبار: 32
#2
۱۳۹۶/۶/۱۰، ۱۵:۵۰:۳۱ عصر
چجوری رنگش رو به جای سبز مشکی کنیم؟
نصب مای بی بی - نصب قالب - ترجمه پلاگین - ترجمه قالب و پوسته - نصب انواع اسکریپت - پشتیبانی سایت شما -
نصب آپلودسنتر اختصاصی - شخصی سازی انجمن شما
وب سایت ارسال‌ها
پاسخ
MISTER آفلاین
مـدیـر
*****
مدیر
ارسال‌ها: 826 موضوع‌ها: 123 تاریخ عضویت: ۳ تير ۱۳۹۴ اعتبار: 32
#3
۱۳۹۶/۶/۱۱، ۱۵:۲۸:۳۸ عصر
چجوری رنگش رو به جای سبز مشکی کنیم؟

uppp
نصب مای بی بی - نصب قالب - ترجمه پلاگین - ترجمه قالب و پوسته - نصب انواع اسکریپت - پشتیبانی سایت شما -
نصب آپلودسنتر اختصاصی - شخصی سازی انجمن شما
وب سایت ارسال‌ها
پاسخ
 سپاس شده توسطشماره مجازی (۱۴۰۱/۸/۲۶، ۰۱:۵۲:۱۷ صبح) ، گراف مسنجر (۱۴۰۱/۱۰/۳، ۰۴:۱۴:۲۱ صبح) ، چارتر ۴۲۴ (۱۴۰۲/۹/۱۲، ۱۵:۱۵:۲۴ عصر)


موضوع‌های مشابه…
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش زیبا سازی هشدار پیام خصوصی صالح غلامیان 5 3,990 ۱۳۹۴/۲/۱۳، ۱۴:۴۴:۵۳ عصر
آخرین ارسال: p30today2014
  آموزش زیبا سازی عکس های پیوست شده به پست adnan 0 2,182 ۱۳۹۱/۸/۱۸، ۰۹:۴۸:۱۶ صبح
آخرین ارسال: adnan

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان