[شرح] : اضافة ايقونات" معلومة + ملاحظة + تنويه + تحذير " في BBCode

السلام عليكم ورحمة الله وبركاته
جبت لكم شرح إضافة أكواد لصندوق الموضوع "معلومة + ملاحظة + تنويه + تحذير"
أتمنى أنه ينال رضاكم

صورة لظهور الايقونات ضمن صندوق الموضوع



في متصفح : 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};
} 


وااااااااااااااااااااو الف شكر الك يا غالي