آموزش مرتب نمودن زیر انجمن ها

[سحر شیرازی 1835]

با سلام

همونطور که می دونید زیر انجمن ها به صورت خطی و پشت سر هم نمایش داده میشه 

به این صورت :

 

برای نمایش منظم و ستونی زیر انجمن ها باید کد زیر رو به قسمت custom.css قالب اضافه کنید :

.ipsDataItem_subList{ overflow: hidden; }
 
        html[dir="ltr"] .ipsApp .ipsDataItem_subList,
        html[dir="rtl"] .ipsApp .ipsDataItem_subList{
            background: none;
            line-height: 220%;
            padding-left: 0 !important;
            padding-right: 0 !important;
            padding-bottom: 4px;
        }
        
        .ipsDataItem_subList li{
            float: right;
            width: calc(100% / 3 - 5px);
        }
 
        html[dir="rtl"].ipsDataItem_subList li{ float: right; }
        
        .ipsDataItem_subList li a:after{ display: none; }
    
        html[dir="rtl"] .ipsDataItem_subList.ipsList_inline > li{ margin-left: 0; }

که زیر انجمن ها بعد از افزودن کدهای بالا به صورت زیر نمایش داده میشه :

 

 

 

در کدهای بالا  عدد 3 که در [ width: calc(100% / 3 - 5px) ] وجود داره مربوط به تعداد ستون هاست و با تغییر عدد می تونید زیرانجمن ها رو در تعداد ستون های دلخواه نمایش بدین. در تصاویر بالا این عدد یکبار 3 و یکبار 2 تنظیم شده.

[DarkStar 3]

چطور میشه یک آیکون خاصی کنار هر زیر انجمن قرار داد

و یک مشکل دیگه اینکه متن "این یک انجمن تست می باشد." رو بیاریم بالای زیر انجمن ها مثل همین IPSFarsi

[صائب کوهپایه 2592]

به نظر شما ایجاد یک موضوع کاملا متفاوت در ادامه این موضوع درست است ؟ 

موضوع جدیدی باز کنید.البته سرچ هم کنید داخل مشکلات اشاره شده