• منتديات شباب الرافدين .. تجمع عراقي يقدم محتوى مميز لجميع طلبة وشباب العراق .. لذا ندعوكم للانضمام الى اسرتنا والمشاركة والدعم وتبادل الافكار والرؤى والمعلومات. فأهلاَ وسهلاَ بكم.

درس XF-2.x بلوكات افقية اعلى المنتديات

Ibn AliraQ

ヅ واحد من الناس ヅ
المدير العام للمنتديات
2018-08-28
17,312
العراق
جوهرة
დ13,846
الجنس
ذكر
السلام عليكم ورحمة الله وبركاته

[العنوان] اضافة بلوكات افقية اعلى الاقسام او اسفلها او اي مكان اخر انت تحدده.
[المثال]

grid_3 (1).gif

[التوافق] منتديات الجيل الثاني فقط
[الخطوات] خطوات التركيب سهلة :

1. المظهر - القطع - انشاء قطعة جديدة
2. اختر نموذج HTML.
3. قم بتعبة البيانات الرئيسية مثل الاسم والمعرف.
4. حدد المكان الذي تود اظهار البلوكات خلاله.
5. اضف الكود HTML التالي في صندوق " القالب "

HTML:
<div class="grid-main">
    <div class="grid">
        <xf:widget key="online_list_online_statistics" />
    </div>
    <div class="grid">
        <xf:widget key="forum_overview_forum_statistics" />
    </div>
    <div class="grid">
        <xf:widget key="forum_overview_share_page" />
    </div>
</div>

6. احفظ العمل

7. ابحث في القوالب عن القالب : Extra.less
8. ضع الكود التالي آخر القالب المذكور :

CSS:
.grid-main {
    display: flex;
}
.grid {
    display: flex;
    flex-direction: column;
    flex: 1 1 250px;
}
.grid:first-of-type {
    margin-right: 2%;
}
.grid:last-of-type {
    margin-left: 2%;
}
.grid .block, .grid .block-container {
    height: 100%;
}
@media (max-width: @xf-responsiveMedium)
{
    .grid-main {
        display: inherit;
    }
    .grid:first-of-type {
        margin-right: inherit;
    }
    .grid:last-of-type {
        margin-left: inherit;
    }
}


انتهى الشرح
مودتي ..
 
القائمة الجانبية للموقع
خرّيج وتبحث عن عمل؟
تعيينات العراق
هل أنت من عشاق السفر حول العالم؟
إكتشف أجمل الأماكن
هل أنت من عشاق التكنولوجيا؟
جديد التكنولوجيا
عودة
أعلى أسفل