نام فایل : button_postbit.txt
اندازه : 1.4 KB
پسورد : www.mybbco.ir
فقط اعضا میتوانند فایل پیوست را دریافت کنند .

دکمه های css برای پست بیت _ قسمت دوم
تغییرات این قسمت :
postbit_classic
postbit_delete_pm
postbit_edit
postbit_email
postbit_find
postbit_forward_pm
postbit_multiquote

توی قسمت قبل کد استایل دکمه ها رو در داخل global.css قرار دادید ولی یه کد دیگه جامونده کد براتون پیوستش کرد شما این کد رو هم باید داخل global.css قرار بدید .

نکته اضافه شده :
فایل postbit رو باز کنید و کد زیر رو پیدا کنید :
<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_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$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']}</td>

و به جاش کد زیر رو قرار بدید :
<td align="right" class="postbit_buttons"><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
<td align="left" class="postbit_buttons">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$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']}</td>

================================

خب حالا فایل postbit_classic رو باز کنید و کد زیر رو پیدا کنید :
<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_tyl']}{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$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']}</td>
</tr>

و به جاش کد زیر رو قرار بدید :

<tr valign="bottom">
<td align="right" class="postbit_buttons"><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
<td align="left" class="postbit_buttons">{$post['button_tyl']}{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$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']}</td>
</tr>


حالا به جای کدهای موجود در postbit_find ، کد های زیر رو قرار بدید :
<a href="search.php?action=finduser&amp;uid={$post['uid']}" title="{$lang->postbit_find}" class="postbit_button postbit_find"><span>جستجو</span></a>


به جای کدهای موجود در postbit_delete_pm ، کدهای زیر رو قرار بدید :
<a href="private.php?action=delete&amp;pmid={$id}&amp;my_post_key={$mybb->post_code}" title="{$lang->delete_title}" class="postbit_button postbit_delete_pm"><span>حذف</span></a>

به جای کدهای موجود در postbit_edit ، کدهای زیر رو قرار بدید :
<a href="editpost.php?pid={$post['pid']}" id="edit_post_{$post['pid']}" title="{$lang->postbit_edit}" class="postbit_button postbit_edit"><span>ویرایش</span></a>
<div id="edit_post_{$post['pid']}_popup" class="popup_menu" style="display: none;"><div class="popup_item_container"><a href="javascript:;" onclick="Thread.quickEdit({$post['pid']});" class="popup_item">{$lang->postbit_quick_edit}</a></div><div class="popup_item_container"><a href="editpost.php?pid={$post['pid']}" class="popup_item">{$lang->postbit_full_edit}</a></div></div>
<script type="text/javascript">
// <!--
    if(use_xmlhttprequest == "1")
    {
new PopupMenu("edit_post_{$post['pid']}");
    }
// www.mybbco.ir
// -->
</script>


به جای کدهای موجود در postbit_email ، کدهای زیر رو قرار بدید :
<a href="member.php?action=emailuser&amp;uid={$post['uid']}" title="{$lang->postbit_email}" class="postbit_button postbit_email"><span>ایمیل</span></a>



به جای کدهای موجود در postbit_forward_pm ، کدهای زیر رو قرار بدید :
<a href="private.php?action=send&amp;pmid={$id}&amp;do=forward" title="{$lang->forward_title}" class="postbit_button postbit_forward_pm"><span>ارسال به دیگری</span></a>


به جای کدهای موجود در postbit_multiquote ، کدهای زیر رو قرار بدید :
<a href="javascript:Thread.multiQuote({$post['pid']});" style="display: none;" id="multiquote_link_{$post['pid']}" style="margin:0;margin-bottom:-5px;"><img src="{$theme['imglangdir']}/postbit_multiquote.gif" alt="{$lang->postbit_multiquote}" title="{$lang->postbit_multiquote}" id="multiquote_{$post['pid']}" class="postbit_multiquote" style="display: inline-block;height: 16px;background-image: url(images/THEMEFOLDER/buttons_sprite.png);background-repeat: no-repeat;background-position: right -120px;margin:0;" /></a>
<script type="text/javascript">
//<!--
    $('multiquote_link_{$post['pid']}').style.display = '';
// -->
</script>

در کد بالا به جای THEMEFOLDER اسم پوشه تصاویرتون رو جایگزین کنید .


پایان قسمت دوم
موفق باشید
نویسنده :

X
پوسته Focus
پوسته زیبا و حرفه ای پوسته Focus این پوسته بسیار تمیز و ساده بوده و برای انواع انجمن ها قابل استفاد ...
پوسته 1.8
دیدگاه های کاربران 34
ارسال: 2
وقتی کد پیوست رو میخوام در global ذخیره کنم با پیغام
شما یک پوسته‌ی نامعتبر را انتخاب کرده‌اید.
مواجه میشم

روی دو تا قالب همین خطا رو میده



در قسمت postbit_multiquote نیز اتفاقی جز کوچک شدن دکمه نقل قول چندگانه رخ نداد
ارسال: 3
خیلی ممنون جواد جان بسیار کار آمد فقط در قسمت ویرایش من کدش رو قرار میدم ولی بازم به صورت تصویر میاد از پلاگین پیام مدیریت هم استفاده میکنم باید به چه صورت قرار بدم ؟

پاسخ مسئول
ارسال: 4
(2014-01-01T20:21:00+00:00 2014-01-01T20:21:00+00:00)ehssan_it نوشته :  وقتی کد پیوست رو میخوام در global ذخیره کنم با پیغام
شما یک پوسته‌ی نامعتبر را انتخاب کرده‌اید.
مواجه میشم

روی دو تا قالب همین خطا رو میده



در قسمت postbit_multiquote نیز اتفاقی جز کوچک شدن دکمه نقل قول چندگانه رخ نداد

اون ارور از قالب هست
روی قالب defualt هم امتحان کنید
خب اون دکمه فقط تصویرش تغییر می کنه

image

پاسخ مسئول
ارسال: 5
(2014-01-01T21:19:14+00:00 2014-01-01T21:19:14+00:00)ξοκεг نوشته :  خیلی ممنون جواد جان بسیار کار آمد فقط در قسمت ویرایش من کدش رو قرار میدم ولی بازم به صورت تصویر میاد از پلاگین پیام مدیریت هم استفاده میکنم باید به چه صورت قرار بدم ؟

یه بار کش مرورگر رو پاک کن
Ctrl + F5

image
ارسال: 6
یک پیشنهاد هم دارم اینکه عکس پست بیت که در اخر هر مرحله ایجاد میشه رو بزارید خوبه

پاسخ مسئول
ارسال: 7
پیوست شد
هم در پست بیت و هم در قسمت پیغام ها هنگام ارسال پاسخ به پیغام


فایل‌(های) پیوست شده تصویر (ها)
       

image
ارسال: 8
طبق عکسی که گذاشتین برای من شکل ها ظاهر نمیشه

پاسخ مسئول
ارسال: 9
یعنی دکمه ایمیل تبدیل نشده ؟
یه بار کش مرورگرتون رو پاک کنید ( Ctrl + F5 رو بزنید )

image
ارسال: 10
تا الان برای من این جوری شده


فایل‌(های) پیوست شده تصویر (ها)
   

پاسخ مسئول
ارسال: 11
کدهایی که در قسمت های قبل آموزش قرار داده شد رو در پوسته اتون قرار دادید ؟

image
ارسال: 12
کدهایی که تو global.css مربوط به این آموزش هست
( دقت کنید که هر دو فایلی رو که ضمیمه کرده بودین رو گذاشتم ، البته اول دومی بعد اولی !!)
.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active,
.postbit_button,
.button {
    display: inline-block;
    font-size: 11px;
    padding: 3px 10px;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #f4f4f4, #ececec); /* for firefox 3.6+ */
    background: -o-linear-gradient(top,  #f4f4f4, #ececec); /* for firefox 3.6+ */
    border: 1px solid #d0d0d0;
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #616161;
    text-shadow: #ffffff 0px 1px;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    vertical-align:middle;
}

.postbit_buttons > a:hover,
.postbit_button:hover,
.button:hover {
    color: #000000;
    background: #f7f7f7;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffffff, #f7f7f7); /* for firefox 3.6+ */
    background: -o-linear-gradient(top,  #ffffff, #f7f7f7); /* for firefox 3.6+ */
}





.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active,
.postbit_button {
    display: inline-block;
    padding: 2px 5px;
    margin: 2px;
    font-size: 11px;
    background: #eee url(images/Glowing/buttons_bg.gif) repeat-x;
    border: 1px solid #ccc;
    color: #555;
}

.postbit_buttons > a:hover {
    border-color: #bbb;
}

.postbit_buttons postbit_multiquote img {
    display: inline-block;
    height: 16px;
    background-image: url(images/Glowing/buttons_sprite.png);
    background-repeat: no-repeat;
    background-position: right -120px;
}

.postbit_buttons a span {
    padding-right: 20px;
    display: inline-block;
    height: 16px;
    background-image: url(images/Glowing/buttons_sprite.png);
    background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
    background-position: right 0;
}

.postbit_buttons a.postbit_reputation_add span {
    background-position: right -20px;
}

.postbit_buttons a.postbit_email span {
    background-position: right -40px;
}

.postbit_buttons a.postbit_website span {
    background-position: right -60px;
}

.postbit_buttons a.postbit_pm span {
    background-position: right -80px;
}

.postbit_buttons a.postbit_quote span {
    background-position: right -100px;
}

.postbit_buttons a.postbit_multiquote span {
    background-position: right -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
    background-position: right -140px;
}

.postbit_buttons a.postbit_edit span {
    background-position: right -160px;
}

.postbit_buttons a.postbit_qdelete span {
    background-position: right -180px;
}

.postbit_buttons a.postbit_report span {
    background-position: right -200px;
}

.postbit_buttons a.postbit_warn span {
    background-position: right -220px;
}

.postbit_buttons a.postbit_reply_pm span {
    background-position: right -240px;
}

.postbit_buttons a.postbit_reply_all span {
    background-position: right -260px;
}

.postbit_buttons a.postbit_forward_pm span {
    background-position: right -280px;
}

.postbit_buttons a.postbit_delete_pm span {
    background-position: right -300px;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
    background: #0f0f0f url(images/Glowing/button.png) repeat-x;
    color: #fff;
    display: inline-block;
    padding: 4px 8px;
    margin: 2px 2px 6px 2px;
    border: 1px solid #000;
    font-size: 14px;
}

a.button.small_button {
    font-size: 13px;
    margin: 0;
    padding: 3px 6px;
}

a.button span {
    padding-right: 20px;
    display: inline-block;
    background-image: url(images/Glowing/buttons_sprite.png);
    background-repeat: no-repeat;
}

a.button.new_thread_button span {
    background-position: right -319px;
}

a.button.new_reply_button span {
    background-position: right -339px;
}

a.button.closed_button span {
    background-position: right -359px;
}

a.button.rate_user_button span {
    background-position: right -379px;
}

a.button.add_buddy_button span {
    background-position: right -418px;
}

a.button.remove_buddy_button {
    background-position: right -458px;
}

a.button.add_ignore_button span {
    background-position: right -439px;
}

a.button.remove_ignore_button span {
    background-position: right -481px;
}

a.button.report_user_button span {
    background-position: right -500px;
}
ارسال: 13
راستی سرعت هم افزایش میده!؟ (چون بازم از تصویر استفاده میکنه!)

پاسخ مسئول
ارسال: 14
(2014-01-02T18:33:05+00:00 2014-01-02T18:33:05+00:00)ehssan_it نوشته :  کدهایی که تو global.css مربوط به این آموزش هست
( دقت کنید که هر دو فایلی رو که ضمیمه کرده بودین رو گذاشتم ، البته اول دومی بعد اولی !!)
.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active,
.postbit_button,
.button {
    display: inline-block;
    font-size: 11px;
    padding: 3px 10px;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #f4f4f4, #ececec); /* for firefox 3.6+ */
    background: -o-linear-gradient(top,  #f4f4f4, #ececec); /* for firefox 3.6+ */
    border: 1px solid #d0d0d0;
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #616161;
    text-shadow: #ffffff 0px 1px;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    vertical-align:middle;
}

.postbit_buttons > a:hover,
.postbit_button:hover,
.button:hover {
    color: #000000;
    background: #f7f7f7;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffffff, #f7f7f7); /* for firefox 3.6+ */
    background: -o-linear-gradient(top,  #ffffff, #f7f7f7); /* for firefox 3.6+ */
}





.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active,
.postbit_button {
    display: inline-block;
    padding: 2px 5px;
    margin: 2px;
    font-size: 11px;
    background: #eee url(images/Glowing/buttons_bg.gif) repeat-x;
    border: 1px solid #ccc;
    color: #555;
}

.postbit_buttons > a:hover {
    border-color: #bbb;
}

.postbit_buttons postbit_multiquote img {
    display: inline-block;
    height: 16px;
    background-image: url(images/Glowing/buttons_sprite.png);
    background-repeat: no-repeat;
    background-position: right -120px;
}

.postbit_buttons a span {
    padding-right: 20px;
    display: inline-block;
    height: 16px;
    background-image: url(images/Glowing/buttons_sprite.png);
    background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
    background-position: right 0;
}

.postbit_buttons a.postbit_reputation_add span {
    background-position: right -20px;
}

.postbit_buttons a.postbit_email span {
    background-position: right -40px;
}

.postbit_buttons a.postbit_website span {
    background-position: right -60px;
}

.postbit_buttons a.postbit_pm span {
    background-position: right -80px;
}

.postbit_buttons a.postbit_quote span {
    background-position: right -100px;
}

.postbit_buttons a.postbit_multiquote span {
    background-position: right -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
    background-position: right -140px;
}

.postbit_buttons a.postbit_edit span {
    background-position: right -160px;
}

.postbit_buttons a.postbit_qdelete span {
    background-position: right -180px;
}

.postbit_buttons a.postbit_report span {
    background-position: right -200px;
}

.postbit_buttons a.postbit_warn span {
    background-position: right -220px;
}

.postbit_buttons a.postbit_reply_pm span {
    background-position: right -240px;
}

.postbit_buttons a.postbit_reply_all span {
    background-position: right -260px;
}

.postbit_buttons a.postbit_forward_pm span {
    background-position: right -280px;
}

.postbit_buttons a.postbit_delete_pm span {
    background-position: right -300px;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
    background: #0f0f0f url(images/Glowing/button.png) repeat-x;
    color: #fff;
    display: inline-block;
    padding: 4px 8px;
    margin: 2px 2px 6px 2px;
    border: 1px solid #000;
    font-size: 14px;
}

a.button.small_button {
    font-size: 13px;
    margin: 0;
    padding: 3px 6px;
}

a.button span {
    padding-right: 20px;
    display: inline-block;
    background-image: url(images/Glowing/buttons_sprite.png);
    background-repeat: no-repeat;
}

a.button.new_thread_button span {
    background-position: right -319px;
}

a.button.new_reply_button span {
    background-position: right -339px;
}

a.button.closed_button span {
    background-position: right -359px;
}

a.button.rate_user_button span {
    background-position: right -379px;
}

a.button.add_buddy_button span {
    background-position: right -418px;
}

a.button.remove_buddy_button {
    background-position: right -458px;
}

a.button.add_ignore_button span {
    background-position: right -439px;
}

a.button.remove_ignore_button span {
    background-position: right -481px;
}

a.button.report_user_button span {
    background-position: right -500px;
}



تصاویر پیوست شده رو هم در پوشه تصاویر قالبتون آپلود کردید ؟
آدرس انجمنتون رو هم قرار بدید در پروفایلتون

image

پاسخ مسئول
ارسال: 15
(2014-01-02T19:30:01+00:00 2014-01-02T19:30:01+00:00)mohammadreza477 نوشته :  راستی سرعت هم افزایش میده!؟ (چون بازم از تصویر استفاده میکنه!)

نسبتا بله ، چون از تصویر sprite استفاده شده که تصاویر رو بهینه سازی کرده است .

image

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