Решено Создание 2-ух разделов и более под категорией

[Alexander_Hosted]

Здравствуйте!
Хотел задастся вопросом. Как сделать 2 раздела и более под одной категорией.
Пример на скриншоте:

 

[pikamonov]

Приветствую !
вообще, это подфорум (подузел), создает почти так же как и категория, но выбирается "Форум" -> Обсуждение, далее в родительском узле, выбираем нужную нам категорию.

// надеюсь, вообще правильно понял, о чем речь

 

[Alexander_Hosted]

Приветствую !
вообще, это подфорум (подузел), создает почти так же как и категория, но выбирается "Форум" -> Обсуждение, далее в родительском узле, выбираем нужную нам категорию.

// надеюсь, вообще правильно понял, о чем речь

Кажись вы чу-чуть не так поняли.
В примере указано так, что узлы находятся по 2 позиции, с лева и с права.

 

[Alexander_Hosted]

Хотелось бы узнать как так сделать.

 

[Nesquik XF]

Возможно это такой стиль

 

[damitz]

Кажись вы чу-чуть не так поняли.
В примере указано так, что узлы находятся по 2 позиции, с лева и с права.

@Alexander_Hosted, это стиль

 

[Kolpak]

Если это стиль, то это не проблема реализовать на другом + в стиле IO нету grid, поэтому это плагин, либо разработчик сам добавил такое. Взял за основу готовый код с какого-то стиля от DohTheme, немного его адаптировал под другие и дописал, чтобы нормально применялся

[data-template="forum_list"]
{
   
@media (min-width: @xf-responsiveMedium)
{
    .block.block--category
    {
        .block-body {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
        }
       
        .node
        {
            flex: 0 0 50%;
            max-width: 50%;
        }
    }
   
    .template-forum_view
    {
        .p-body-pageContent
        {
            .block-body
            {
                display: flex;
                flex-wrap: wrap;
                align-items: stretch;
               
                .node {
                    flex: 0 0 50%;
                    max-width: 50%;
                }
            }
        }
    }
}

@media (min-width: @xf-publicNavCollapseWidth) and (max-width: 1500px)
{
    .block.block--category
    {
        .block-body {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
        }
       
        .node
        {
            flex: 0 0 100%;
            max-width: 100%;
           
            &:nth-child(2n+2)
            {
                padding-left: 0;
            }
        }
    }
   
    .template-forum_view
    {
        .p-body-pageContent
        {
            .block-body
            {
                display: flex;
                flex-wrap: wrap;
                align-items: stretch;
               
                .node {
                    flex: 0 0 100%;
                    max-width: 100%;
                   
                    &:nth-child(2n+2)
                    {
                        padding-left: 0;
                    }
                }
            }
        }
    }
}

.block.block--category
{
    .block-container
    {
        background: none;
        border: none;
       
        .node
        {
            padding-top: 6px;
            padding-bottom: 6px;
       
            .node-body
            {
                display: block;
                table-layout: auto;
                background: #fefefe;
           
                .node-stats
                {
                    display: none;
                }
           
                .node-statsMeta
                {
                    display: block;
                    margin-top: 3px;
               
                    dt
                    {
                         display: none;
                    }
               
                    dd:before
                    {
                        .m-faBase();
                        .m-faContent(@fa-var-comment);
                        margin-right: 5px;
                    }
               
                    dl:last-child
                    {
                        margin-left: 5px;
                   
                        dd:before
                        {
                            .m-faContent(@fa-var-comments);
                        }
                    }
                }
           
                .node-extra
                {
                    display: none;
                }
            }
        }
    }
}

@media (min-width: 650px) {
    .node:nth-child(2n+2) {
        padding-left: 10px;
    }
}
}

Если у форума есть подфорумы, то у него появляется просмотр его подфорумов и блоки становятся неровными, чтобы это избежать добавь height в

            .node-body
            {
                display: block;
                table-layout: auto;
                background: #fefefe;

И там же поменяйте цвет узлов на свой

Спойлер

 

[Alexander_Hosted]

Если это стиль, то это не проблема реализовать на другом + в стиле IO нету grid, поэтому это плагин, либо разработчик сам добавил такое. Взял за основу готовый код с какого-то стиля от DohTheme, немного его адаптировал под другие и дописал, чтобы нормально применялся

[data-template="forum_list"]
{
  
@media (min-width: @xf-responsiveMedium)
{
    .block.block--category
    {
        .block-body {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
        }
      
        .node
        {
            flex: 0 0 50%;
            max-width: 50%;
        }
    }
  
    .template-forum_view
    {
        .p-body-pageContent
        {
            .block-body
            {
                display: flex;
                flex-wrap: wrap;
                align-items: stretch;
              
                .node {
                    flex: 0 0 50%;
                    max-width: 50%;
                }
            }
        }
    }
}

@media (min-width: @xf-publicNavCollapseWidth) and (max-width: 1500px)
{
    .block.block--category
    {
        .block-body {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
        }
      
        .node
        {
            flex: 0 0 100%;
            max-width: 100%;
          
            &:nth-child(2n+2)
            {
                padding-left: 0;
            }
        }
    }
  
    .template-forum_view
    {
        .p-body-pageContent
        {
            .block-body
            {
                display: flex;
                flex-wrap: wrap;
                align-items: stretch;
              
                .node {
                    flex: 0 0 100%;
                    max-width: 100%;
                  
                    &:nth-child(2n+2)
                    {
                        padding-left: 0;
                    }
                }
            }
        }
    }
}

.block.block--category
{
    .block-container
    {
        background: none;
        border: none;
      
        .node
        {
            padding-top: 6px;
            padding-bottom: 6px;
      
            .node-body
            {
                display: block;
                table-layout: auto;
                background: #fefefe;
          
                .node-stats
                {
                    display: none;
                }
          
                .node-statsMeta
                {
                    display: block;
                    margin-top: 3px;
              
                    dt
                    {
                         display: none;
                    }
              
                    dd:before
                    {
                        .m-faBase();
                        .m-faContent(@fa-var-comment);
                        margin-right: 5px;
                    }
              
                    dl:last-child
                    {
                        margin-left: 5px;
                  
                        dd:before
                        {
                            .m-faContent(@fa-var-comments);
                        }
                    }
                }
          
                .node-extra
                {
                    display: none;
                }
            }
        }
    }
}

@media (min-width: 650px) {
    .node:nth-child(2n+2) {
        padding-left: 10px;
    }
}
}

Если у форума есть подфорумы, то у него появляется просмотр его подфорумов и блоки становятся неровными, чтобы это избежать добавь height в

            .node-body
            {
                display: block;
                table-layout: auto;
                background: #fefefe;

И там же поменяйте цвет узлов на свой

Спойлер

Посмотреть вложение 4517

Спасибо, понадобилось только блок категории и все.