[ تم الحل ] اضافة اطار حول اقسام المنتدى

[محمد الخاني]

مرحبا اريد اضفة اطار حول اقسام المنتدى فوق الموضوع
واطار حول اسم الكاتب والوقت مثل الصورة

 

[أبو غَيْث]

جرب تطبيق الكود التالي ضعه في قالب Extra.less

/* إضافة إطار على عنوان الموضوع و بيانات الوقت و التاريخ */
.p-body-header  {
    background: #fec5a5 !important; /*** لتغير لون الخلفية  ***/
    border: 1px solid #e0795d !important; /*** لتغير سمك الحدود وكذا لون الحدود ***/
}

/*إضافة إطار حول بيانات العضوية مع لون الخلفية*/
.message-cell.message-cell--user {
    background: #fec5a5 !important; /***لتغير لون الخلفية  ***/
    border: 1px solid #e0795d !important; /*** لتغير سمك الحدود وكذا لون الحدود ***/
}

 

[محمد الخاني]

مرحبا بشكرك بس انا اول يوم وين احطو للكود

 

[أبو غَيْث]

قم باضافته في قالب Extra.less

 

[محمد الخاني]

قم باضافته في قالب Extra.less

نعم فعلت لاكن لم يتغير شئ ابدا

 

[أبو غَيْث]

تأكد من اختيارك للستايل الذي سيتم تطبيق الكود عليه
عند دخولك الى قالب Extra.less من الاعلى اختر الستايل المناسب

 

[محمد الخاني]

نعم تاكدت اخي من الستايل وقمت بعملية الحفظ انا اسف بعذبك معي

 

[محمد الخاني]

تمام الان زبطو بس مو ممكن الاطار نفس ترتيب المنتدى هنا بالنسبة للوقت واسم العضو بالاعلى

 

[أبو غَيْث]

اذا كنت تقصد فقط التاريخ و الساعة فيمكنك تجربة هذا الكود

.listInline.listInline--bullet  {
    background: #fec5a5 !important; /*** لتغير لون الخلفية  ***/
    border: 1px solid #e0795d !important; /*** لتغير سمك الحدود وكذا لون الحدود ***/

}

 

[محمد الخاني]

انا اقصد ان حرف الاطار مائل قليلا والذي راكب لدي هو مربع

 

[أبو غَيْث]

جرب الكود التالي

.p-description  {
    background: #fec5a5 !important; /*** لتغير لون الخلفية  ***/
    border: 1px solid #e0795d !important; /*** لتغير سمك الحدود وكذا لون الحدود ***/
    border-radius: 5px; /*** الحواف ***/
    padding: 10px; /*** الهوامش الداخلية ***/
}

 

[محمد الخاني]

انا بشكر كرمك يعطيك العافية فعلا دهب

 

[أبو غَيْث]

على الرحب اخي
بالتوفيق لك

فضلا اخي @محمد الخانيض لقد كان هناك خطأ في الكود وقد اصلاحه الان فضلا التجربة من جديد

الكود الصحيح هو

.p-description  {
    background: #fec5a5 !important; /*** لتغير لون الخلفية  ***/
    border: 1px solid #e0795d !important; /*** لتغير سمك الحدود وكذا لون الحدود ***/
    border-radius: 5px; /*** الحواف ***/
    padding: 10px; /*** الهوامش الداخلية ***/
}