Nasıl yapılır ? Alt forumları 3 ve 2 sıra yapma

HidddeNKinG · 22 Kas 2019

arkadaşlar şu kod ile alt forumları 3 sıra yapıyorum. Mobil içinde bunu açtım fakat mobilde 3 çok fazla oluyor. Masaüstü 3 mobilde 2 sıra olmasını nasıl sağlarım

Kod:

<xf:if is="property('nodeListSubDisplay') == 'flat'">
.node-subNodeFlatList {
       // background: @xf-paletteColor1;
        border-top: 1px solid @xf-borderColorFaint;
        padding: 10px 5px;
}
.node-subNodeFlatList > li {
        margin-right: 0;
        width: 32%;  /** Change this value to increase the amount of links in each row **/
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow:hidden;
}

@media (max-width: @xf-responsiveMedium)
{
    .block-body .node
    {
        .node-subNodesFlat
        {
            display: block;
        }
    }
}
@media (max-width: @xf-responsiveNarrow)
{
    .block-body .node
    {
        .node-subNodesFlat
        {
            display: block;
        }
    }
}

HidddeNKinG · 22 Kas 2019

eTiKeT™ hocam var mı fikrin?

eTiKeT™ · 22 Kas 2019

Şunu deneyin ancak ben kodları içinde bulun <xf:if is="property('nodeListSubDisplay') == 'flat'"> kaldırdım kendiniz ekleeybilirsiniz isterseniz.

CSS:

.node-subNodeFlatList
{
        border-top: 1px solid @xf-borderColorFaint;
        padding: 10px 5px;
}
.node-subNodeFlatList > li
{
        margin-right: 0;
        width: 32%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow:hidden;
}

@media (max-width: @xf-responsiveWide)
{
    .node-subNodeFlatList > li
    {
         width: 45%;
    }   
}

@media (max-width: @xf-responsiveMedium)
{
    .block-body .node
    {
        .node-subNodesFlat
        {
            display: block;
        }
    }   
    
    .node-subNodeFlatList > li
    {
         width: 100%;
    }   
}

@media (max-width: @xf-responsiveNarrow)
{
    .block-body .node
    {
        .node-subNodesFlat
        {
            display: block;
        }
    }
}

HidddeNKinG · 22 Kas 2019

Hocam tek sıra oldu

HidddeNKinG · 22 Kas 2019

eTiKeT™ · 23 Kas 2019

evet öyle yaptım çümkü,eger iki sıra olsun istiyorsanız width: 100%; olan kısmı width: 45%; yapın.

HidddeNKinG · 23 Kas 2019

Süpersin hocam bunu konu olarak açıyorum foruma ihtiyacı olan olacaktır faydalı olsun

Ara

Ara

Foruma hoş geldin 👋, Ziyaretçi

Nasıl yapılır ? Alt forumları 3 ve 2 sıra yapma

HidddeNKinG

xFanatik

HidddeNKinG

xFanatik

eTiKeT™

value="{XGT}"

HidddeNKinG

xFanatik

HidddeNKinG

xFanatik

eTiKeT™

value="{XGT}"

HidddeNKinG

xFanatik

Foruma hoş geldin 👋, Ziyaretçi

Gizliliğinize değer veriyoruz