02-11-2010, 02:02 PM
|
المشاركة رقم: 1
|
المعلومات |
الكاتب: |
|
اللقب: |
زائر |
البيانات |
العضوية: |
|
المشاركات: |
n/a [+] |
بمعدل : |
0 يوميا |
اخر زياره : |
[+] |
الإتصالات |
الحالة: |
|
وسائل الإتصال: |
|
|
المنتدى :
ركـــن تطوير منتديـــــvb4.xــات
السلام عليكم ورحمة الله وبركاته
جبت لكم شرح إضافة أكواد لصندوق الموضوع "معلومة + ملاحظة + تنويه + تحذير"
أتمنى أنه ينال رضاكم
صورة لظهور الايقونات ضمن صندوق الموضوع
في متصفح : Firefox يظهر بهذا الشكل
في باقي المتصفحات يظهر هكذا
مثال مباشر لكل الاكواد
معلومات | معهد منير التطويري | |
ملاحظة | معهد منير التطويري | |
تنويه | معهد منير التطويري
| |
تحذير | معهد منير التطويري | |
التركيب
اضافة (BB Code) جديد
العنوان: معلومات
الاستبدال: نضع هذا الكود بالمربع
كود PHP:
1- رفع الملفات لمجلد منتداك 2- إضافة BBCodes المخصصة 1- لوحة تحكم المنتدى > اكواد BBCodes المخصصة > 2- نضع المعلومات التي بالأسفل BB Code اسم البطاقة: info<div style="margin: 5px 5px;"> <div style="padding-left: 25px; padding-right: 25px;"> <div style=" -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background:#defee3 none repeat scroll 0 0; border:1px solid #28c25a; margin:5px 10px 0; text-align:justify; "> <div style="padding: 0pt 5px; background: #28c25a none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#defee3"> <b> <em>معلومات</em> </b> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%"> </td> <td width="90%">{param}</td> <td width="5%"> <img alt="" src="./images/TW7S/infonotetipwarn/info.png"/> </td> </tr> </tbody> </table> </div> </div> </div>
مثال معلومات | مرحبا | |
Description Makes information boxes
استخدام {إختياري} لا
زر الصورة (إختياري)
كود PHP:
images/TW7S/infonotetipwarn/info.gif
حذف الدالة (Tag) اذا كانت فارغة (نعم)
تعطيل BB Code حتى هذا BB Code (لا)
تعطيل الابتسامات حتى هذا BB Code(لا)
تجاهل التفاف الكلمات في هذا الكود (لا)
العنوان: ملاحظة
BB Code اسم البطاقة: note
الاستبدال: نضع هذا الكود بالمربع
كود PHP:
<div style="margin: 5px 5px;"> <div style="padding-left: 25px; padding-right: 25px;"> <div style=" -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background:#e8f3ff none repeat scroll 0 0; border:1px solid #42a1de; margin:5px 10px 0; text-align:justify; "> <div style="padding: 0pt 5px; background: #42a1de none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#e8f3ff"> <b> <em>ملاحظة</em> </b> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%"> </td> <td width="90%">{param}</td> <td width="5%"> <img alt="" src="./images/TW7S/infonotetipwarn/note.png"/> </td> </tr> </tbody> </table> </div> </div> </div>
مثال ملاحظة | مرحبا | |
Description Makes Note boxes
إستخدام {option} لا
زر الصورة (اختيارية)
كود PHP:
images/TW7S/infonotetipwarn/note.gif
حذف الدالة (Tag) اذا كانت فارغة (نعم)
تعطيل BB Code حتى هذا BB Code (لا)
تعطيل الابتسامات حتى هذا BB Code(لا)
تجاهل التفاف الكلمات في هذا الكود (لا)
العنوان: تنويه
الاستبدال: نضع هذا الكود بالمربع
كود PHP:
BB Code اسم البطاقة: tip <div style="margin: 5px 5px;"> <div style="padding-left: 25px; padding-right: 25px;"> <div style=" -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background:#ffffcc none repeat scroll 0 0; border:1px solid #d5b900; margin:5px 10px 0; text-align:justify; "> <div style="padding: 0pt 5px; background: rgb(213, 185, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#ffffcc"> <b> <em>تنويه</em> </b> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%"> </td> <td width="90%">{param}</td> <td width="5%"> <img alt="" src="./images/TW7S/infonotetipwarn/tip.png"/> </td> </tr> </tbody> </table> </div> </div> </div>
مثال تنويه | مرحبا | |
Description Makes Tip boxes
إستخدام {option} لا
زر الصورة (اختيارية)
كود PHP:
images/TW7S/infonotetipwarn/tip.gif
حذف الدالة (Tag) اذا كانت فارغة (نعم)
تعطيل BB Code حتى هذا BB Code (لا)
تعطيل الابتسامات حتى هذا BB Code(لا)
تجاهل التفاف الكلمات في هذا الكود (لا)
العنوان: تحذير
الاستبدال: نضع هذا الكود بالمربع
كود PHP:
BB Code اسم البطاقة: warning <div style="margin: 5px 5px;"> <div style="padding-left: 25px; padding-right: 25px;"> <div style=" -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background:#fff2f4 none repeat scroll 0 0; border:1px solid #be0000; margin:5px 10px 0; text-align:justify; "> <div style="padding: 0pt 5px; background: #be0000 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#fff2f4"> <b> <em>تحذير</em> </b> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%"> </td> <td width="90%">{param}</td> <td width="5%"> <img alt="" src="./images/TW7S/infonotetipwarn/warn.png"/> </td> </tr> </tbody> </table> </div> </div> </div>
مثال تحذير | مرحبا | |
Description Makes Warning boxes
إستخدام {option} لا
زر الصورة (اختيارية)
كود PHP:
images/TW7S/infonotetipwarn/warn.gif
حذف الدالة (Tag) اذا كانت فارغة (نعم)
تعطيل BB Code حتى هذا BB Code (لا)
تعطيل الابتسامات حتى هذا BB Code(لا)
تجاهل التفاف الكلمات في هذا الكود (لا)
المرحلة الأخيرة:
إبحث عن:
Open Template CSS Templates>vbulletin.css
كود PHP:
.restore td { /* Borders and padding to make the table readable. */ border: {vb:stylevar restore}; padding: {vb:stylevar restore_padding}; }
إستبدله بهذا الكود:
كود PHP:
.restore td { /* Borders and padding to make the table readable. */
padding: {vb:stylevar restore_padding}; }
|
|
|