[ModernBB] شكل جديد لاطار الفئة

قم بتسجيل الدخول للرد

Oussama.Gfx

Akatsuki

goboy

Mc nabulsy

8 مشترك

دليل الإشهار العربي :: منتدى الدعاية والإشهار :: تطوير المواقع والمنتديات

[ModernBB] شكل جديد لاطار الفئة الخميس 14 مايو 2020 - 16:11

بسم الله الرحمن الرحيم

اقدم لكم كود لتغيير شكل الفئة في منتديات ModernBB والكود

يقوم بعمل حدود للقسم ودمجه الفئة كاملة مع اظهار اسفل الحدود الداخلية

الكود من صنعي : Mc Nabulsy

معاينة الكود :

https://i.servimg.com/u/f93/15/47/21/99/5911.png

تركيب الكود :

لوحة الادارة -مظهر المنتدى - الوان - ورقة css واضف الكود واحفظ

الكود:

.forabg {
  border-radius:14px;
  background-color:#15A9A2;
  box-shadow:inset -2.5px 5px 5px 0 #085D59;
  overflow:hidden;
  padding:5px;
  margin-bottom:20px
}

للتعديل على لون الفئة قم بتغيير اللون التالي : #15A9A2

للتعديل على لون الظل قم بتغيير اللون التالي : #085D59

انتهى الشرح

بالتوفيق للجميع ان شاء الله

يمنع النقل دون ذكر المصدر : دليل الاشهار العربي

والسلام ختام

رد: [ModernBB] شكل جديد لاطار الفئة الجمعة 15 مايو 2020 - 8:33

ألف شكر مشرفنا الغالي على هذا الكود المميز

رد: [ModernBB] شكل جديد لاطار الفئة السبت 30 مايو 2020 - 0:45

كود رائع

شكرا لك

رد: [ModernBB] شكل جديد لاطار الفئة الأربعاء 1 يوليو 2020 - 6:23

جميل جداً اعجبني

رد: [ModernBB] شكل جديد لاطار الفئة الأربعاء 8 يوليو 2020 - 20:31

يعطيك العافيه
على الكود
وعلى حسن الانتقاء

رد: [ModernBB] شكل جديد لاطار الفئة الجمعة 29 يناير 2021 - 23:53

سلام عليكم لان اضافه المواضيع مغلقه اردت اشارككم بكود اكثر من رائع يضيف لمسه جميله له اربع صور تحيط بكل ما تكتبه في الموضوع
لن اطيل عليكم الكود للنسخه الثانيه متجاوب جدا مع ستايلات تومبيلات
تحياتي لكم
الكود من صنعي

الكود:

/***تكبير الخط**/
.postbody{
font-size: 26px;
text-align: center;
font-weight: bold;
line-height: 2.0em;
 background: url("http://www.eashqi.com/vb/eashqi.com/quote/quotes-h2.jpg") left top no-repeat,
url("http://www.eashqi.com/vb/eashqi.com/quote/quotes-h1.gif") right top no-repeat,
url(http://www.eashqi.com/vb/eashqi.com/quote/quotes-ht.jpg) center top repeat-x,    
url(http://www.eashqi.com/vb/eashqi.com/quote/quotes-f1.jpg) left bottom no-repeat,
url(http://www.eashqi.com/vb/eashqi.com/quote/quotes-f2.jpg) right bottom no-repeat,
url(http://www.eashqi.com/vb/eashqi.com/quote/quotes-ft.jpg) center bottom repeat-x,
url("http://www.eashqi.com/vb/eashqi.com/quote/quotes-p2.jpg") left repeat-y,
url("http://www.eashqi.com/vb/eashqi.com/quote/quotes-p1.jpg") right repeat-y;
padding: 200px 59px 205px 59px; 
}