#1
|
|||||||||||
|
|||||||||||
إضافة أزرار BbCode لتجميل الموضوع
بسم الله الرحمن الرحيم أهلا بكم في شرح جديد وإن شاء الله يكون مفيد , فالبداية وقبل الشرح أهنئكم بالعشر الأواخر من رمضان المبارك وبإقتراب عيد الفطر , نسأل الله تعالى أن يتقبل منى ومنكم صالح الأعمال وأن نكون من عُتقائه من النار في هذا الشهر الكريم , وأن يعيد علينا وعليكم الأيام بكل خير وعافية على الأمة الإسلامية والعربية جميعها ,كما نسأله أن يزيل عنا الوباء والبلاء ويتجاوز عن سيئاتنا ويغفر لنا اللهم امينوالآن لنعود إلى الشرح شرحنا اليوم يتمثل في كيفية إضافة مجموعة جميلة من الBb_Code التي يمكن استخدامها لتزيين المواضيع المعلومات
الشرح ندخل إلى لوحة التحكم -==> المحتوى -==> BB Codes مخصصة بعد استيراد الملف ندخل إلى لوحة التحكم -==> المظهر -==> القوالب نختار الستايل الذي نريد أن تظهر فيه الأيقونات بالشكل الصحيح ثم نبحث عن قالب كود: extra.less ونضيف فيه الكود التالي كود: .Message { display: table; position: relative; margin: 0px 0px 10px 0px; width: 100%; color: #fff; -webkit-transition: all .2s ease; transition: all .2s ease; } .Message-icon { display: table-cell; vertical-align: middle; width: 60px; padding: 30px; text-align: center; background-color: rgba(0,0,0,0.25); } .Message-icon > i { width: 30px; font-size: 30px; } .Message-body { display: table-cell; vertical-align: middle; padding: 10px 10px 10px 10px; } /* edit */ .Message--edit { color: #fefefe; background: /* #88D4CA */ rgba(136, 212, 202, 0.85); /* La couleur rgba permet l'ajout de transparance, si vous voulez vous pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #88D4CA; )*/ } /* help */ .Message--help { color: #fefefe; background: /* #09835D */ rgba(9, 131, 93, 0.85); /* La couleur rgba permet l'ajout de transparance, si vous voulez vous pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #09835D; )*/ } /* important */ .Message--important { color: #fefefe; background: /* #F39C12 */ rgba(243, 156, 18, 0.85); /* La couleur rgba permet l'ajout de transparance, si vous voulez vous pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #F39C12; )*/ } /* Information */ .Message--information { color: #fefefe; background: /* #0074D9 */ rgba(0, 116, 217, 0.85); /* La couleur rgba permet l'ajout de transparance, si vous voulez vous pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #0074D9; )*/ } /* offtopic */ .Message--offtopic { color: #fefefe; background: /* #7A7A7A */ rgba(122, 122, 122, 0.85); /* La couleur rgba permet l'ajout de transparance, si vous voulez vous pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #7A7A7A; )*/ } /* success */ .Message--success { color: #fefefe; background: /* #2ECC40 */ rgba(46, 204, 64, 0.85); /* La couleur rgba permet l'ajout de transparance, si vous voulez vous pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #2ECC40; )*/ } /* Warning */ .Message--warning { color: #fefefe; background: /* #B30000 */ rgba(179, 0, 0, 0.85); /* La couleur rgba permet l'ajout de transparance, si vous voulez vous pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #B30000; )*/ } ثم نضغط على حفظ طريقة الاستخدام داخل المحرر في أي مكان في المنتدى نستخدم الأكواد التالية كود: [important]النص الخاص بك هنا...[/important] [offtopic]النص الخاص بك هنا...[/offtopic] تحذير: [success]النص الخاص بك هنا...[/success] النص الخاص بك هنا... ملاحظة: [edit]النص الخاص بك هنا...[/edit] [help]النص الخاص بك هنا...[/help] النص الخاص بك هنا... وبهذا ينتهي شرحنا لهذا اليوم ونلقاكم قريبا إن شاء الله والسَلام عليكم ورحمة الله وبركاته الملف bb_codes.zip (944 بايت, المشاهدات 192) المصدر: منتديات درة الشرق Yqhtm H.vhv BbCode gj[ldg hgl,q,u |
Lower Navigation | ||||||
|
مواقع النشر (المفضلة) |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
من أسرار لغة الجسد … | ♕ السلطااانه ♕ | ❀ درة تطوير الذآت ❀ | 6 | 03-20-2023 01:36 AM |
انسب وقت لتحليل السكر | خفايا قلب | ❀ درة القسم الطبي ❀ | 10 | 07-10-2021 01:22 AM |
الموضوع مغلق | حكآية روحْ | ❀ درة زاويــــة حـره ❀ | 12 | 06-26-2021 10:43 AM |
شرح كيف نضيف الموضوع للتصويت | ❞ فتَنةً تَرفَْ♪ | ❀ تطوير المواقع والمنتديات ❀ | 11 | 06-16-2021 08:57 AM |
بصراحة الموضوع فيه ( ان ) | ميلاد | ❀ درة زاويــــة حـره ❀ | 4 | 11-10-2020 04:31 AM |