مرجع پارسی MyBB
اموزش تبدیل دکمه های مای بی بی به CSS - نسخه‌ی قابل چاپ

+- مرجع پارسی MyBB (https://community.mybbiran.com)
+-- انجمن: آرشیو (https://community.mybbiran.com/forum-128.html)
+--- انجمن: آرشیو انجمن های قدیمی (https://community.mybbiran.com/forum-129.html)
+---- انجمن: مای بی بی نسخه 1.6 (https://community.mybbiran.com/forum-83.html)
+----- انجمن: آموزش ها (https://community.mybbiran.com/forum-84.html)
+------ انجمن: آموزش تغییرات (https://community.mybbiran.com/forum-113.html)
+------ موضوع: اموزش تبدیل دکمه های مای بی بی به CSS (/thread-7567.html)

صفحه‌ها: 1 2 3

اموزش تبدیل دکمه های مای بی بی به CSS - Farhoodi - ۱۳۹۰/۸/۱۰

درود

این اموزش خیلی کلاس کار انجمنتون را بالا میبره و بسیار هم دکمه هاتون جذاب میشه و سرعت لود دکمه ها در پست بیت هم که بسیار بالا میره

قبل از هر چیز بگم که من هنوز موفق به اعمال این تغییر برای دکمه تشکر نشدم

ابتدا در لینک زیر یک دکمه مطابق سلیقه و رنگ قالبتون طراحی کنید:

http://www.cssbuttongenerator.com/

کدش را بدون دستکاری در اخر کدهای گلوبال CSS قالبتون اضافه کنید

به عنوان مثال کد زیر:

کد:
.myButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#666666;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
}.myButton:hover {
    background-color:#ff82ff;
}.myButton:active {
    position:relative;
    top:1px;
}

حالا باید مسیر دکمه هاتون را در قالب پیدا کنید عکسش را حذف کنید . به عنوان مثال دکمه نقل قول :

به مسیر زیر رفته :

قالب ها و پوسته ها - قالب مورد نظر در تمپلت Postbit پیدا کنید postbit_quote کد زیر انجا هست:

کد:
<a href="newreply.php?tid={$tid}&amp;pid={$post['pid']}"><img src="{$theme['imglangdir']}/postbit_quote.gif" alt="{$lang->postbit_quote}" title="{$lang->postbit_quote}" /></a>

کد های زیر را از ان قسمت حذف کنید :

کد:
<img src="{$theme['imglangdir']}/postbit_quote.gif" alt="{$lang->postbit_quote}" title="{$lang->postbit_quote}" />

انچه که باقی میمونه :

کد:
<a href="newreply.php?tid={$tid}&amp;pid={$post['pid']}"></a>


حالا نوبت وارد کردن کلاس دکمه CSS هست که در مثال ما میشه :

کد:
class="myButton"


به شکل زیر باید اضافه کنید :

کد:
<a href="newreply.php?tid={$tid}&amp;pid={$post['pid']}" class="myButton"> نقل قول </a>

در واقع در همه تمپلت ها باید قسمت =img src را تا اخر و قبل از تگ </a> حذف کنید و سپس کنار تگ </a> همونطور که در مثال بالا مشخص هست اسم دکمه را به فا رسی بنویسید

- دکمه های موجود در تاپیک ها در تمپلت های postbit هستند اسمهاشون مشخصه
- دکمه ارسال پاسخ در تمپلت showthread_newreply
- دکمه موضوع جدید در تمپلت showthread_newthread

نکته مهم : قبل از همه این کارها از پوسته بکاپ بگیرید که اگر مشکلی ایجاد شد بتونید برشون گردونید

[تصویر: photos.png] نمونه:

ایجاد دکمه ها با کلاس CSS به همین روشی که توضیح دادم در سایت زیر استفاده شده:

http://enviraphani.co.cc/showthread.php?tid=45

امیدوارم براتون مفید بوده باشه [تصویر: o7i14a20k0t6y4q0hms.gif]

RE: اموزش تبدیل دکمه های مای بی بی به CSS - majid1605 - ۱۳۹۰/۸/۱۰

خیلی خوب بود فقط من نتونستم دکمه های موضوع جدید و ویرایش رو عوض کنم .این کدهاشون

کد php:
<a href="editpost.php?pid={$post['pid']}" id="edit_post_{$post['pid']}" class="myButton"  ><font color="#FFFFFF"> ویرایش </font> </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']}");
    }
// -->
</script> 

کد php:
<a href="newthread.php?fid={$fid}" class="myButton-new" ><font color="#FFFFFF"> موضوع جدید </font></a>&nbsp; 


RE: اموزش تبدیل دکمه های مای بی بی به CSS - arianik - ۱۳۹۰/۸/۱۰

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

RE: اموزش تبدیل دکمه های مای بی بی به CSS - carrow - ۱۳۹۰/۸/۱۰

(۱۳۹۰/۸/۱۰، ۱۴:۵۶:۵۲ عصر)arianik نوشته است: لینک شمارو که باز میکنم آنتی ویروسم هی اخطار میده و صفحه رو بلاک کرد . لطفا بررسی کنید

Nod32 کلا با co.cc ها مشکل داره و نمیزاره هیچ آدرسی با این پسوند باز بشه.

RE: اموزش تبدیل دکمه های مای بی بی به CSS - Farhoodi - ۱۳۹۰/۸/۱۰

(۱۳۹۰/۸/۱۰، ۱۴:۴۵:۳۲ عصر)majid1605 نوشته است: خیلی خوب بود فقط من نتونستم دکمه های موضوع جدید و ویرایش رو عوض کنم .این کدهاشون

برای موضوع جدید شما باید در Show Thread Templates قسمت showthread_newthread را ویرایش کنید

RE: اموزش تبدیل دکمه های مای بی بی به CSS - majid1605 - ۱۳۹۰/۸/۱۳

من همه دکمه ها رو تغییر دادم فقط موضوع جدید مونده هر کاری می کنم تغییر نمی کنه .

کد php:
<a href="newthread.php?fid={$fid}" class="big-myButton"  ><font color="#FFFFFF"> ایجاد موضوع جدید </font></a>&nbsp; 

نقل قول چندگانه هم مشکل داره

RE: اموزش تبدیل دکمه های مای بی بی به CSS - majid1605 - ۱۳۹۰/۸/۱۳

HuhHuhHuhHuh

RE: اموزش تبدیل دکمه های مای بی بی به CSS - majid1605 - ۱۳۹۰/۸/۱۴

HuhHuhHuh

RE: اموزش تبدیل دکمه های مای بی بی به CSS - majid1605 - ۱۳۹۰/۸/۱۵

HuhHuhHuh

RE: اموزش تبدیل دکمه های مای بی بی به CSS - majid1605 - ۱۳۹۰/۸/۱۵

نقل‌قول: برای موضوع جدید شما باید در Show Thread Templates قسمت showthread_newthread را ویرایش کنید

من توی این مسیر به صورت زیر تغییرش دادم ولی کار نمیکنه

کد php:
<a href="newthread.php?fid={$fid}" class="big-myButton"  ><font color="#FFFFFF"> ایجاد موضوع جدید </font></a>&nbsp; 


نقل قول چندگانه هم مشکل داره