[ حصريا ] وضع ظل تحت فئات المنتدى

[kamel dz]

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

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

معهد زين العربية​

​

1- ندخل لوحة تحكم المنتدى ثم نقوم بفتح القالب extra.less
2- ننسخ الكود ادناه و نضعه فيها و مبروك عليك

.block {
    margin-bottom: 20px;
     border-radius: 3px;
}
 

.block--category {
   position: relative;
    z-index: 1;
  
}

 .block--category:before, .block--category:after {
  
    z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
 right: 10px;
    
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
     -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
 .block--category:after {
   -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
 

right: auto%; 
left:10px;
  

}

 

[shqawe]

بارك الله فيك اخوي @kamel dz على الطريقة وعلى تنسيقك وترتيبك للشرح

تقبل احترامي وتقديري
اخوك
شقاوي

 

[النوميدي]

بــارك اللــه فيك أخـي الكريم
تأثير رائع و شرح أروع
ســـلمت يــداك
تحــــياتي وتقـــديري​

 

[أبو غَيْث]

طريقة جميلة وتعطي جمالية لاقسام المنتدى
سلمت يمناك وفي انتظار كل جديد منك

 

[عبدو.شنوي]

يارك الله فيك اللع يعطيك العافية

 

[BLEACH]

احسنت النشر وفعلا تاثير رائع يعطي انطباع جميل

 

[السراب الأزرق]

لماذا تم حذف مشاركتي؟
على أساس أنها ليست في القسم المناسب؟ رغم أن المشكلة وقعت أثناء تنصيب هذه الإضافة؟؟؟ يعني في نفس الموضوع؟؟؟؟

 

[أبو غَيْث]

لماذا تم حذف مشاركتي؟
على أساس أنها ليست في القسم المناسب؟ رغم أن المشكلة وقعت أثناء تنصيب هذه الإضافة؟؟؟ يعني في نفس الموضوع؟؟؟؟

ليست اضافة هو مجرد كود css لا يشكل اي مشكلة وتم تجربته من قبل
فضلا اذا واجهت مشكلة ان تضعها بقسمها المناسب حتى تاخذ حقها في الاجابة ويتم المتابعة الى ان يتم حل المشكلة
شكرا لحسن تفهمك

 

[Wolf Knight]

تعديل جميل .. عاشت الايادي اخي الكريم
لك كل الود

 

[ramadhan]

شكرا لك اخي

 

[ابوسفيان]

جميل جداً , تعلمت الكثير

 

[dedowbas]

 

[muhamed saber]

والله ابداع

 

[Pokschubin]

يبدو جميل.

 

[ابو هارون]

حركه جميله
شكرا على الكود

 

[fjvcni]

شكرا جدا

 

[zeroleech]

جميل تسلم ايدك