كود تومبيلت الجديد من انتاج عالم التطوير حصريا لدينا فقط

السلام عليكم ورحمة الله وبركاته

كود تومبيلت
يجعل خيارات التي توجد اسفل المنتدى والدردشة بطريقة احترافية مثل في بي

صورة قبل التعديل


https://i.servimg.com/u/f36/16/96/25/18/12345615.png

صورة بعد التعديل


https://i.servimg.com/u/f36/16/96/25/18/1478910.png

احب ان ادكر قبل ان اضع الكود
جميع الحقوق محفوظة لنا
ولا اسمح لاي النقل دون دكر المصدر ورابط الموضوع ايضا

الآن الكود + طرقة الوضع

ضع رد بسيط ليظهر لك الكود


بسم الله الرحمان الرحيم
نتوجه الى
لوحة ادارة / مظهر المنتدى / التومبلايتات و القوالب / ادارة عامة
نتوجه الى قالب : viewtopic_body
نضغط على تعديل

نبحث عن :

الرمز:

الكود:

<!-- BEGIN switch_legend -->

<table border="0" cellspacing="3" cellpadding="0" align="center">
    <tr>
        <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
        <td><span class="gensmall">{L_NEW_POSTS}</span></td>
        <td></td>
        <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
        <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
        <td>  </td>
        <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
        <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
    </tr>
</table>
<!-- END switch_legend -->


نحدفه ونضع مكانه هدا الكود

الرمز:
<!-- BEGIN switch_legend -->
<table width="100%" cellspacing="1" cellpadding="10" align="center" style="border: 1px solid #D9D9D9; background-color: #FDFDFD;">
<tbody>
<tr>
<td class="alt2" valign="middle" align="center">
<img src="{FORUM_NEW_IMG}">
</td>
<td class="alt1" valign="middle" align="center">{L_NEW_POSTS}</td>
<td class="alt2" valign="middle" align="center">
<img src="{FORUM_IMG}">
</td>
<td class="alt1" valign="middle" align="center">{L_NO_NEW_POSTS}</td>
<td class="alt2" valign="middle" align="center">
<img src="{FORUM_LOCKED_IMG}">
</td>
<td class="alt1" valign="middle" align="center">{L_FORUM_LOCKED}</td>
</tr>
</tbody>
</table>
<!-- END switch_legend -->


تم ندهب الى صفحة css
ونضع هدا الكود

الرمز:
.pubda3m1, .pubda3mActive {
    background: none repeat scroll 0 0 #F6F5F5;
    border-left: 1px solid #DDDBDB;
    border-top: 1px solid #DDDBDB;
    color: #000000;
    font: 18px tohama;
}
.pubda3m2, .pubda3m2Active {
    background: none repeat scroll 0 0 #FDFDFD;
    border-left: 1px solid #DDDBDB;
    border-top: 1px solid #DDDBDB;
    color: #000000;
    font: 18px tohama;
}


تم انتهاء وضع الكود
الحمد لله


ارجو عند النقل دكر المصدر
ولا احلل لاي شخص بنقل دون دكر المصدر ورابط الموضوع ايضا
وتدكرو قول الله تعالى :
(ولا تبخسو الناس اشيائهم)

وترقبونا قريبا في ارووع الاكواد
فقط على عالم التطوير
الرابط الاصلى

تسلم يا عسل