ربما تستخدم غلاف Bbcode عام.
قم بإنشاء #مكون-سمة وأضف هذا إلى CSS المشترك.
div[data-wrap="redbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
//* قم بإلغاء التعليق على السطر أدناه لتغيير لون الخلفية. على الرغم من أنه في هذه الحالة يجب أن تكون قادرًا على استخدام لون خلفية bbcode.
// background-color: var(--secondary);
//* لون وسمك الصندوق
border: 2.5px solid #ff0000;
border-radius: 0.40em;
}
div[data-wrap="greenbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
// background-color: var(--secondary);
border: 2.5px solid #00ff00;
border-radius: 0.40em;
}
div[data-wrap="bluebox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
// background-color: var(--secondary);
border: 2.5px solid #0000ff;
border-radius: 0.40em;
}
div[data-wrap="yellowbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
// background-color: var(--secondary);
border: 2.5px solid #ffff00;
border-radius: 0.40em;
}
div[data-wrap="box"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
// background-color: var(--secondary);
border: 2.5px solid #808080;
border-radius: 0.40em;
}
ملاحظة: تم إنشاء عدة نسخ من الكود أعلاه لألوان مختلفة. مثل “greenbox” و “yellowbox” و “bluebox” و “box” (رمادي)
كيفية الاستخدام في المنشور
[wrap=redbox]
> ## صندوق معلومات
اختبار الصناديق
[/wrap]
استبدل “red” باللون المناسب. للرمادي فقط “box”
ملاحظة 2؛ إذا كنت تستخدم مكون bbcode-color أو Theme component بدلاً من استخدام “>” (سطر فارغ مطلوب كفاصل) أو يمكنك استخدام bgcolor=
نص ملون TC نظرًا لأن هذا مكون سمة، يمكن تثبيته بغض النظر عن الاستضافة.
هناك مكونان إضافيان يدعمان لون Bbcode. لون Bbcode أو شريط أدوات التنسيق. تحذير قم بتثبيت أحد هذه المكونات الإضافية فقط؛ أعتقد أن شريط أدوات التنسيق يحذر من أن تثبيت كليهما سيكسر موقعك.