Подразделы в строчку

[Онегина]

Так даже по этой инструкции они не будут в одну строку... Посмотрите на скриншот в первом сообщении. Я уже вообще запутался. :-D

Да мне строчка и не нужна :D Мне нужен 1 столбик несчастный.

 

[Hope]

По инструкции из первого сообщения у Вас получилось реализовать в один столбик и теперь Вам нужно удалить раскрывающее меню подрахделов и подвинуть столбик вправо? :-D Так?

 

[Онегина]

По инструкции из первого сообщения у Вас получилось реализовать в один столбик и теперь Вам нужно удалить раскрывающее меню подрахделов и подвинуть столбик вправо? :-D Так?

Да по инструкции из первого поста я получила то, что хотела. Но мне надо было подвинуть столбик вправо.
Последовав вашему совету, я имею просто строчку с 4 столбиками.

 

[Hope]

Ну тогда не следуйте моему совету. Делайте по инструкции из первого сообщения, только вот этот код:

<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>

Не вставляйте в шаблон, а по хорошему его вообще нужно удалить из шаблона, что бы убрать отображение меню подразделов...[DOUBLEPOST=1391860021,1391859307][/DOUBLEPOST]Для начала из шаблонов node_category_level_2 и node_forum_level_2 удаляем:

<div class="Popup subForumsPopup">
                        <a href="{xen:link forums, $forum}" rel="Menu" class="cloaked" data-closemenu="true"><span class="dt">{xen:phrase sub_forums}:</span> {xen:number $forum.childCount}</a>
                       
                        <div class="Menu JsOnly subForumsMenu">
                            <div class="primaryContent menuHeader">
                                <h3>{$forum.title}</h3>
                                <div class="muted">{xen:phrase sub_forums}</div>
                            </div>
                            <ol class="secondaryContent blockLinksList">
                            <xen:foreach loop="$renderedChildren" value="$child">
                                {xen:raw $child}
                            </xen:foreach>
                            </ol>
                        </div>
                    </div>

Далее код в шаблонах node_category_level_2 и node_forum_level_2:

<xen:if is="{$renderedChildren} AND {$level} == 2 AND !@nodeListSubForumPopup">
            <ol class="subForumList">
            <xen:foreach loop="$renderedChildren" value="$child">
                {xen:raw $child}
            </xen:foreach>
            </ol>
        </xen:if>

Заменяем на:

<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>

Ну и прописываем в EXTRA.css это:

body .subForumsPopup
{
    margin: 0;
    float: right;
}

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;
}
.subForumsMenu .node .node
{
    display: none;
}

 

[Онегина]

Я прогрессирую. Убрала одну из проблем. Но пока подвинуть все это вправо не удалось.

 

[Hope]

float: right;

 

[Онегина]

float: right;

Вот так вот. Спасибо!

Помогло:

body .subForumsPopup .blockLinksList
{
display: inline-table;
width: 96%;
box-sizing: border-box;
word-spacing: -10px;
float: right;

 

[Hope]

Ну и отличненько! :thumbsup:

 

[kakashka]

На 1.3.3 не робит(

 

[Slowpoked]

kakashka, может быть = потому что данная функция работает из коробки? Нет? ...

 

[Владислав Воронцов]

Теперь такая проблема(скрин)

 

[viktor6]

Напишите как ставить под 1,4,1

 

[ottokrauz]

я сделал проще в EXTRA.css добавил в самый низ, но до </xen:if>:

.node .subForumList li {
width: 100% !important;
}

при "100%"один столбец.
если меняем значение, меняется растояние между столбцами.

 

[tnAnGel]

У меня не вышло, делал все по инструкции :(


Помогло: Внешний вид - Настройки стиля - Список разделов/узлов - "Показывать всплывающие окна для подразделов"
Пока что не так красиво, но да ладно, уже визуально удобнее стало..вечером придется картинки лепить вместо точек

 

[Legaliza]

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

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

Всё его содержимое заканчивая </xen:if> заменяете на:

<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>

А в шаблон 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;
}
.subForumsMenu .node .node
{
    display: none;
}

Кстати, советую вам это тоже сделать)) А то не удобно и не красиво так)

Подскажите. Например у меня 8 подразделов и мне нужно сделать что бы было 2 столбика по 4. возможно сделать?

 

[Skaiman]

Legaliza, выше ж написано, там процентное соотношение Подразделы в два столбика

 

[Red Bull]

У меня получилось, но вот так((

 

[Skaiman]

Настройки стиля: Список разделов/узлов убрать галочку " Показывать всплывающие окна для подразделов"

 

[Слот]

Ребята, а на 1.5 двиг можно как то сделать подразделы? Все выше коды они не соответствуют на двиг 1.5, там в 1.5 нет такого в шаблонах "
<xen:if is="{$renderedChildren} AND {$level} == 2">", в шаблоне "node_category_level_2" строка такая идет "<xen:if is="{$renderedChildren} AND !@nodeListSubForumPopup">" а в шаблоне "node_forum_level_2" такая строка "<xen:if is="{$renderedChildren} AND {$level} == 2 AND !@nodeListSubForumPopup">".
Подскажите пожалуйста как слепить подразделы?

 

[econaft]

Я так реализовал:

В шаблоне node_forum_level_n нужно заменить всё на это:

&#10022; <a href="{xen:link forums, $forum}">{$forum.title}</a>