اموزش تبدیل دکمه های مای بی بی به 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

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

نمونه:

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

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

امیدوارم براتون مفید بوده باشه

[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; 


[arianik]

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

[carrow]

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

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

[Farhoodi]

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

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

[majid1605]

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

کد php:

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


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

[majid1605]

[majid1605]

[majid1605]

[majid1605]

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

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

کد php:

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


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