Разделы в два столбика (не подразделы!)

[vic093]

Как реализовать отображение разделов в два столбика? А еще лучше плиткой grid?


В два столбика это как в этом шаблоне:

 

[Hope]

Не знаю, пересмотрел весь этот стиль и что-то там много слишком править, мне лень разыскивать это всё. :)[DOUBLEPOST=1381848785,1381848442][/DOUBLEPOST]Чорд! Попробуйте добавить в шаблон EXTRA.css:

.node .nodeText {
margin-right: 0 !important;
}
.node .nodeLastPost,
.node .tinyIcon {
display: none !important;
}
.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2 {
width: 49%;
float: left;
min-height: 70px;
}
.nodeList .node.level_1 {
clear: both;
}

[DOUBLEPOST=1381848909][/DOUBLEPOST]Вот такое ещё можно:

/* Home page forum su due colonne */
.node .nodeText {
margin-right: 0 !important;
}
.node .nodeLastPost,
.node .tinyIcon {
display: none !important;
}
.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2 {
width: 49%;
float: left;
min-height: 70px;
}
.nodeList .node.level_1 {
clear: both;
}

.node.category {
    min-height: 85px;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2 {
width: auto;
float: none;
min-height: 0;
}
}

 

[vic093]

Товарищ, вы охуенны!)

Получилось. Разницы между способами не заметил на практике. И в обоих есть косяк, часть контента уходит под сайдбар. Сейчас поиграюсь с шириной.[DOUBLEPOST=1381849846,1381849387][/DOUBLEPOST]В общем разобрался. Надо что б в категории было четное количество разделов. Так как, когда они в два ряда выстраиваются, раздел который "выпирает" из-за нечетности - уезжает далеко вправо. Симметрия должна быть.

Еще раз спасибо!

 

[Hope]

Может так тогда:

.node .nodeText {
    margin-right: 0 !important;
    min-height: 88px;
}

.node .nodeLastPost, .node .tinyIcon {
    left: 36px;
    position: relative !important;
}
.node .forum.level_2, .node .page.level_2, .node .category_forum.level_2 {
    width: 49%;
    float:left;
    min-height: 70px;
}
.nodeList .node.level_1 {
    clear: both;
}
.node .nodeControls {
    right: 74px !important;
    top: 97px !important;
}
.node .nodeInfo.primaryContent, .node .nodeInfo.secondaryContent {
    min-height: 156px;
}
.nodeStats.pairsInline dd {
    margin-right: 53px;
}

[DOUBLEPOST=1381850651,1381849922][/DOUBLEPOST]И даже так можно реализовать:

.sectionMain
{
overflow: hidden;
}

.node .nodeText
{
margin-right: 0 !important;
}

.node .nodeLastPost,
.node .tinyIcon
{
display: none !important;
}

.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2,
#forums > .level_2 ,
.node.groupNoChildren
{
width: 200px; (Укажите свою ширину)
display: inline-block;
min-height: 70px;
}

.nodeList .node.level_1
{
clear: both;
}

.nodeList .subForumsPopup
{
display: none;
}

.forum_view .nodeList .forumNodeInfo, .forum_view .nodeList .pageNodeInfo, .forum_view .nodeList .linkNodeInfo
{
width: 200px; (Укажите свою ширину)
display: inline-block;
}

 

[Vitaliy]

Здравствуйте. Подскажите пожалуйста как эти варианты применить только к одной из категорий? Стоит версия 1.3.1. Выше варианты будут работать во всех браузерах корректно? Спасибо.

 

[Hope]

Здравствуйте. Подскажите пожалуйста как эти варианты применить только к одной из категорий?

Здравствуйте. Без понятия вообще.

Выше варианты будут работать во всех браузерах корректно?

Должны вообще

 

[nasa]

А не какой модуль ещё не придумали для этого?

 

[Nappsel]

nasa, я думаю это вам подойдёт [rellect] Nodes Grid .