1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - коммерческий форумный движок от бывших создателей vBulletin, написанный на PHP.

Раздел в два столбика ?

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем becdelbnik, 08.08.2013.

Загрузка
  1. becdelbnik

    becdelbnik Местный

    Регистрация:
    21.07.12
    Сообщения:
    136
    Симпатии:
    20
    Версия XF:
    1.3.0
    Всем добрый день !

    Ребят, подскажите, как сделать разделы в два столбика по 50% , а последние сообщения убрать ?
    --- добавлено : 8 авг 2013 в 12:02 ---
    Вот пример:

    08.08.png
     
    Последнее редактирование модератором: 16.08.2013
  2. gib130

    gib130 Местный

    Регистрация:
    07.01.12
    Сообщения:
    159
    Симпатии:
    209
    Версия XF:
    1.1.4
    Вам под дефолтный шаблон нужно?
     
    gib1300 нравится это.
  3. becdelbnik

    becdelbnik Местный

    Регистрация:
    21.07.12
    Сообщения:
    136
    Симпатии:
    20
    Версия XF:
    1.3.0
    Да.
     
  4. patrig

    patrig Местный

    Регистрация:
    11.06.11
    Сообщения:
    221
    Симпатии:
    189
    Версия XF:
    2.0.5
    Как то так ( думаю сами разберетесь, что где менять ) - добавить в extra.css:

    Код:
    /* SUBFORUM COLUMNS  */
     
    .nodeList .node.level_2.node_15, .nodeList .node.level_2.node_18,
    .nodeList .node.level_2.node_19, .nodeList .node.level_2.node_20,
    .nodeList .node.level_2.node_21, .nodeList .node.level_2.node_22,
    .nodeList .node.level_2.node_23, .nodeList .node.level_2.node_24 {
      border: 1px solid #a5cae4;
      border-radius: 3px;
      display: inline-block;
      margin: 5px 0;
      width: 24%;
      background-color: #e7f4fd;
    }
     
    .nodeList .node.level_2.node_15 .nodeLastPost, .nodeList .node.level_2.node_18 .nodeLastPost,
    .nodeList .node.level_2.node_19 .nodeLastPost, .nodeList .node.level_2.node_20 .nodeLastPost,
    .nodeList .node.level_2.node_21 .nodeLastPost, .nodeList .node.level_2.node_22 .nodeLastPost,
    .nodeList .node.level_2.node_23 .nodeLastPost, .nodeList .node.level_2.node_24 .nodeLastPost  { display:none; width: 0;}
     
    .nodeList .node.level_2.node_15 .nodeText, .nodeList .node.level_2.node_18 .nodeText,
    .nodeList .node.level_2.node_19 .nodeText, .nodeList .node.level_2.node_20 .nodeText,
    .nodeList .node.level_2.node_21 .nodeText, .nodeList .node.level_2.node_22 .nodeText,
    .nodeList .node.level_2.node_23 .nodeText, .nodeList .node.level_2.node_24 .nodeText
    { margin: 5px 0px 5px 10px; }
     
    .nodeList .node.level_2.node_15 .nodeIcon, .nodeList .node.level_2.node_18 .nodeIcon,
    .nodeList .node.level_2.node_19 .nodeIcon, .nodeList .node.level_2.node_20 .nodeIcon,
    .nodeList .node.level_2.node_21 .nodeIcon, .nodeList .node.level_2.node_22 .nodeIcon,
    .nodeList .node.level_2.node_23 .nodeIcon, .nodeList .node.level_2.node_24 .nodeIcon {display: none;}
     
    .nodeList .node.level_2.node_15 .tinyIcon, .nodeList .node.level_2.node_18 .tinyIcon,
    .nodeList .node.level_2.node_19 .tinyIcon, .nodeList .node.level_2.node_20 .tinyIcon,
    .nodeList .node.level_2.node_21 .tinyIcon, .nodeList .node.level_2.node_22 .tinyIcon,
    .nodeList .node.level_2.node_23 .tinyIcon, .nodeList .node.level_2.node_24 .tinyIcon {display: none;}
     
    /* SUBFORUM COLUMNS  */
     
    becdelbnik нравится это.
  5. becdelbnik

    becdelbnik Местный

    Регистрация:
    21.07.12
    Сообщения:
    136
    Симпатии:
    20
    Версия XF:
    1.3.0
    Я затылок в этих делах, можете чуток поподробней ? Куда и что ?
     
  6. patrig

    patrig Местный

    Регистрация:
    11.06.11
    Сообщения:
    221
    Симпатии:
    189
    Версия XF:
    2.0.5
     
  7. becdelbnik

    becdelbnik Местный

    Регистрация:
    21.07.12
    Сообщения:
    136
    Симпатии:
    20
    Версия XF:
    1.3.0
    Это я понял, только получается вот так :

    1.png
     
  8. gib130

    gib130 Местный

    Регистрация:
    07.01.12
    Сообщения:
    159
    Симпатии:
    209
    Версия XF:
    1.1.4
    Потому, что приведённый код заточен под определённые ноды, но всё делается куда проще
     
    gib1300 и becdelbnik нравится это.
  9. becdelbnik

    becdelbnik Местный

    Регистрация:
    21.07.12
    Сообщения:
    136
    Симпатии:
    20
    Версия XF:
    1.3.0
    Выражаю ОГРОМНУЮ благодарность пользователю gib130 !!! За помощь в осуществлении моей просьбы !!! Спасибо ОГРОМНОЕ !!!
     
  10. ОлегЪ

    ОлегЪ Местный

    Регистрация:
    28.09.10
    Сообщения:
    59
    Симпатии:
    19
    Версия XF:
    1.2.1
    а не поделитесь решением?
     
  11. becdelbnik

    becdelbnik Местный

    Регистрация:
    21.07.12
    Сообщения:
    136
    Симпатии:
    20
    Версия XF:
    1.3.0
    ОлегЪ, там получается для каждого форума нужно по своему делать, я на пробном сделал, а потом перенес на основной, но там все по другому, так что .... пока ЧУТОК не доработано.

    Если gib130 не против, то я опубликую его метод, gib, можно ?
     
  12. ОлегЪ

    ОлегЪ Местный

    Регистрация:
    28.09.10
    Сообщения:
    59
    Симпатии:
    19
    Версия XF:
    1.2.1
    а можно глянуть что получилось?
     
  13. gib130

    gib130 Местный

    Регистрация:
    07.01.12
    Сообщения:
    159
    Симпатии:
    209
    Версия XF:
    1.1.4
    .nodeList .node.level_2 .nodeLastPost {display:none}
    .nodeList .node.level_2 .tinyIcon {display:none}
    .nodeList .node.level_2 { border: 1px solid #a5cae4;
    border-radius: 3px;
    display: inline-block;
    margin: 5px 0;
    width: 317px;
    background-color: #e7f4fd;
    float:left
    }
    добавить в extra.css
    и в поиске по шаблонам найти .node .nodeText и сделать
    .node .nodeText {
    margin: 10px 0px 5px 70px; }
    Ну и по хорошему в xenforo_sections.css привести к такому виду
    .sectionMain
    {
    @property "sectionMain";
    padding: 10px;

    @property "/sectionMain";
    }

    --- добавлено : 9 авг 2013 в 05:55 ---
    Теоритически должно работать у вас, вот только придётся ковырнуть width:317px; и поставить в width:50%; даже не знаю зачем я фиксированную поставил, я делал под сдандартный 960px, но у вас немного больше.
    --- добавлено : 9 авг 2013 в 06:03 ---
    Ну и если тс не против, вот так выглядит то, что получается в конце ссылка, только у него не внесены поправки в .sectionMain, поэтому проблемка с синей обводкой.Ну и конечно же подразделы в столбик портят всю картину, но и там, если поизвращаться, то можно что-нибудь сделать.
     
    Последнее редактирование модератором: 16.08.2013
    gib1300, ОлегЪ и becdelbnik нравится это.
  14. becdelbnik

    becdelbnik Местный

    Регистрация:
    21.07.12
    Сообщения:
    136
    Симпатии:
    20
    Версия XF:
    1.3.0
    gib130, а на Мазиле разделы плывут в право, помогите исправить.

    14.08.png
     
  15. gib130

    gib130 Местный

    Регистрация:
    07.01.12
    Сообщения:
    159
    Симпатии:
    209
    Версия XF:
    1.1.4
    .nodeList .categoryStrip в конец до } добавить
    display: inline-block;
    min-width: 630px;
     
    gib1300, Mirovinger и becdelbnik нравится это.
  16. becdelbnik

    becdelbnik Местный

    Регистрация:
    21.07.12
    Сообщения:
    136
    Симпатии:
    20
    Версия XF:
    1.3.0
    Спасибо, все стало на свои места ! Я в node_list.css добавил код, а почему 630 ?
     
  17. becdelbnik

    becdelbnik Местный

    Регистрация:
    21.07.12
    Сообщения:
    136
    Симпатии:
    20
    Версия XF:
    1.3.0
    Блин, обновил шаблоны и подразделы свернулись, как вернуть назад ? Ссылка на форум в 13 сообщении
     
  18. becdelbnik

    becdelbnik Местный

    Регистрация:
    21.07.12
    Сообщения:
    136
    Симпатии:
    20
    Версия XF:
    1.3.0
    У кого на новых версиях движка слезут заголовки в разделах, то :
    в шаблоне xenforo_sections.css поправьте на
    Код:
    .sectionMain
    {
            @property "sectionMain";
            padding: 10px;
            @property "/sectionMain";
            display: inline-block;
            min-width: 630px;
    }
    630px - это у меня размер страницы до боковой панели, у вас по другому.
     
  19. santamo

    santamo Местный

    Регистрация:
    03.06.13
    Сообщения:
    256
    Симпатии:
    23
    Версия XF:
    1.2.4
    С офтопа. Два варианта. Все в Extra.css:

    /* METHOD 1: SIDE BY SIDE CATEGORIES */

    @media (min-width: @maxResponsiveMediumWidth) {

    {xen:helper clearfix, '.nodeList'}

    .nodeList .node.category {
    float: left;
    width: 50%;
    box-sizing: border-box;
    }

    .nodeList .node.category:nth-child(odd) {
    clear: left;
    padding-right: 5px;
    }

    .nodeList .node.category:nth-child(even) {
    padding-left: 5px;
    }

    .nodeList .node.category .node .nodeText {margin-right: 10px;}
    .nodeList .node.category .node .nodeLastPost, .nodeList .node.category .node .nodeControls {display: none;}

    =======================================================================

    /* METHOD 2: SIDE BY SIDE FORUM, PAGE, LINK NODES */

    @media (min-width: @maxResponsiveMediumWidth) {

    {xen:helper clearfix, '.nodeList'}

    .nodeList .node.level_2 {float: left; width: 50%;}

    .nodeList .node.level_2:nth-child(odd) {
    clear: left;
    }

    .nodeList .node.level_2 .nodeLastPost {
    position: static;
    width: auto;
    padding-right: 20px;
    margin-top: 0;
    }

    .nodeList .node.level_2 .nodeText {margin-right: 26px;}
    .nodeList .node.level_2 .nodeControls {right: 8px;}

    }
     
    BLEF нравится это.

Поделиться этой страницей