تم إضافة الكود الخاص بتنسيق هيكل المنتدى (Container) في قالب extra.less. هذا التعديل سيضيف خلفية رمادية فاتحة مع تأثير ظل داخلي وتدوير للحواف، مما يعطي مظهراً عصرياً ومنفصلاً عن خلفية الموقع الأساسية.
الكود المعتمد:
ملاحظات فنية حول التنسيق:
التدوير (Border-radius):قمت بدمج أوامر التدوير الأربعة في أمر واحد border-radius: 8px لجعل الكود أكثر نظافة (نفس النتيجة).
التأثير البصري: استخدام inset في الـ box-shadow يعطي عمقاً داخلياً، بينما الظل الخارجي يبرز الهيكل عن خلفية الموقع.
حقوق الطبع والنشر © منتدى كود نت codeNET. جميع الحقوق محفوظة.
الكود المعتمد:
كود:
.p-body-inner {
background: #ececec;
box-shadow: inset 0 0 1em #ECECEC, 0 0 2em #BEBEBE;
padding-left: 15px;
padding-right: 15px;
border-radius: 8px; /* اختصار لتدوير الزوايا الأربعة */
}
.p-body {
padding-top: 15px;
padding-bottom: 15px;
}التدوير (Border-radius):قمت بدمج أوامر التدوير الأربعة في أمر واحد border-radius: 8px لجعل الكود أكثر نظافة (نفس النتيجة).
التأثير البصري: استخدام inset في الـ box-shadow يعطي عمقاً داخلياً، بينما الظل الخارجي يبرز الهيكل عن خلفية الموقع.
حقوق الطبع والنشر © منتدى كود نت codeNET. جميع الحقوق محفوظة.
