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

Подразделы в столбик - вариант 2

Тема в разделе "Модификации шаблонов", создана пользователем CyberAP, 20.03.2011.

Загрузка
  1. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    Еще одно решение расположения подразделов в столбик.

    Обновлённая инструкция:

    Находите шаблон node_category_level_2 и node_forum_level_2 и в них кусок кода который начинается с <xen:if is="{$renderedChildren} AND {$level} == 2">

    Всё его содержимое заканчивая </xen:if> заменяете на
    HTML:
    <xen:if is="{$renderedChildren} AND {$level} == 2">
            <div class="subForumsPopup">
                    <div class="subForumsMenu">
                            <ol class="secondaryContent blockLinksList">
                            <xen:foreach loop="$renderedChildren" value="$child">
                                    {xen:raw $child}
                            </xen:foreach>
                            </ol>
                    </div>
            </div>
    </xen:if>
    После этого этот кусок можно размещать в любом месте шаблона (или оставить на этом же месте). Лично мне нравится вариант под узлом, а не внутри него, поэтому у меня этот кусок кода идёт после
    HTML:
    <div class="nodeControls">
                <a href="{xen:link forums/index.rss, $forum}" class="tinyIcon feedIcon" title="{xen:phrase rss}">{xen:phrase rss}</a>
            </div>
     
        </div>
    А теперь CSS, который можно просто вставить в extra.css
    Код:
    body .subForumsPopup
    {
        margin: 0;
        float: none;
    }
     
    body .subForumsPopup .blockLinksList
    {
        display: inline-table;
        width: 100%;
        box-sizing: border-box;
        word-spacing: -10px;
    }
     
    body .subForumsPopup .blockLinksList > li
    {
        display: inline-block;
        width: 25%;
        word-spacing: 0;
        vertical-align: top;
    }
     
    body .subForumsPopup .blockLinksList .nodeTitle
    {
        font-weight: normal;
    }
     
    body .subForumsPopup .blockLinksList .unread .nodeTitle
    {
        font-weight: bold;
    }
     
    body .subForumsPopup .blockLinksList .nodeTitle a:before
    {
        content: "";
        background: @primaryLighter;
        border-radius: 4px;
        margin-right: 5px;
        display: inline-block;
        height: 4px;
        width: 4px;
        vertical-align: middle;
    }
     
    body .subForumsPopup .blockLinksList li.node > .unread .nodeTitle a:before
    {
        background: @primaryMedium;
    }
    После этой модификации подразделы будут расположены в 4 колонки с отображением подразделов 2 уровня вложенности. Если вам нужно меньше или больше колонок, то измените параметр width у body .subForumsPopup .blockLinksList > li . Можно задавать как точные параметры (50%, 25%, 15%, 10%), так и промежуточные (33%). Задавать параметр width выше 50% не имеет смысла, если хотите получить колонки.

    Результат:

    scr.PNG

    Не все любят большую вложенность и хотят видеть просто список подразделов 1 уровня. Для этого добавьте в самый конец CSS-кода этот фрагмент:

    Код:
    .subForumsMenu .node .node
    {
        display: none;
    }
    Результат после применения:

    scr2.png
     
    Aste, Kiokou, kfree и 34 другим нравится это.
  2. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    Выделил в отдельную тему и отформатировал сообщение.
     
    Pavel и CyberAP нравится это.
  3. Pavel

    Pavel Местный

    Регистрация:
    26.09.10
    Сообщения:
    396
    Симпатии:
    93
    Если никто не возражает, то выглядет это так http://www.forumfishing.ru/

    :)

    Спасибо Станиславу
     
    veram, JorJe и CyberAP нравится это.
  4. Виталий Смирнов

    Виталий Смирнов Местный

    Регистрация:
    08.04.11
    Сообщения:
    75
    Симпатии:
    8
    Странно, а у меня после рекомендуемых изменений ничего не поменялось :( В чём секрет?
     
  5. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    Такого быть не может, наверное вы редактировали шаблон одного стиля, а смотрите в другом.
     
  6. Виталий Смирнов

    Виталий Смирнов Местный

    Регистрация:
    08.04.11
    Сообщения:
    75
    Симпатии:
    8
    Правильно ли я понял, что достаточно изменить данные в файлах, которые указаны в этой теме?
    Или нужно было менять данные как указанно в теме "Подразделы в столбик", а уже потом доизменять, то что в этой теме?
     
  7. Андрей Х

    Андрей Х Местный

    Регистрация:
    26.04.11
    Сообщения:
    183
    Симпатии:
    155
    Версия XF:
    1.5.11
    Правильно поняли.
     
  8. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    Это две разных модификации.
     
  9. Виталий Смирнов

    Виталий Смирнов Местный

    Регистрация:
    08.04.11
    Сообщения:
    75
    Симпатии:
    8
    я в Default Style изменил node_forum_level_2 и EXTRA.css как было описано выше.
    И как теперь смотреть, где-то что-то поменять надо? Пока ничего не менялось.
     
  10. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    А используете вы Default style при просмотре?
     
  11. Виталий Смирнов

    Виталий Смирнов Местный

    Регистрация:
    08.04.11
    Сообщения:
    75
    Симпатии:
    8
    да, как установил форум, пока ещё ничего не менял
     
  12. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    Инструкция в первом сообщении обновлена.
     
    Romchik®, sonic и Андрей Х нравится это.
  13. Андрей Х

    Андрей Х Местный

    Регистрация:
    26.04.11
    Сообщения:
    183
    Симпатии:
    155
    Версия XF:
    1.5.11
    У вас наверно подразделы не созданы, вот ничего и не меняется. :)
     
    CyberAP нравится это.
  14. Nik

    Nik Read only

    Регистрация:
    19.02.11
    Сообщения:
    160
    Симпатии:
    11
    парни а в чем разница между разделом и категорией? (
    У меня основные идут категории, потом разделы
     
  15. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    В категории нельзя создавать темы. Вот и вся разница.
     
    Nik нравится это.
  16. Виталий Смирнов

    Виталий Смирнов Местный

    Регистрация:
    08.04.11
    Сообщения:
    75
    Симпатии:
    8
    Попробовал этот вариант. Получилось выпадающее меню с 4-мя столбиками. А вот предыдущий вариант даже со второго раза не работает. Может чего-то не досказано?
     
  17. Андрей Х

    Андрей Х Местный

    Регистрация:
    26.04.11
    Сообщения:
    183
    Симпатии:
    155
    Версия XF:
    1.5.11
    У меня работает, все как из 1 поста. Чудес то не бывает.
     
  18. Nik

    Nik Read only

    Регистрация:
    19.02.11
    Сообщения:
    160
    Симпатии:
    11
    а как во втором посте? (во втором упрощенно вроде
     
  19. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    Если делать как в первом посте, то новичок может где-то ошибиться и не заметить. Выложил обновлённую версию за тем чтобы 100% работало. Тут уже риск к минимуму сведён.
     
    Nik и Андрей Х нравится это.
  20. Виталий Смирнов

    Виталий Смирнов Местный

    Регистрация:
    08.04.11
    Сообщения:
    75
    Симпатии:
    8
    Посмотрите, что получилось http://restorantehnik.ru
    Меню всё равно осталось выпадающим, но теперь в 4 столбика.
     

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