Добавляем свою картинку в полоски разделов

[Bravl]

В шаблоне node_list перед

<ol class="nodeList sectionMain" id="forums">

вставить

<fieldset>

и чуть ниже после

</ol>

вставить

</fieldset>

В EXTRA.css добавить

fieldset .nodeList.sectionMain .node.category.level_1.node_1 .categoryText {
background-image: url(styles/default/xenforo/phgp/nodes/nodeimages.png);
background-repeat: no-repeat;
background-position: 100% -144px;
}

Где node_1 является ID категории.
Картинки придётся делать самому под свою тематику :)

Получается примерно так:

 

[demon124]

Шаблон поправил,

в стиле подставил ид категории но ничего неизменилось

fieldset .nodeList.sectionMain .node.category.level_1.node_106 .categoryText {
background-image: url(styles/CS.jpg);
background-repeat: no-repeat;
background-position: 100% -144px;
}

 

[Hope]

А должно было измениться. Что тут подскажешь? Нечего добавить...

 

[demon124]

А должно было измениться. Что тут подскажешь? Нечего добавить...

что нетак то?

 

[Hope]

Откуда ж я могу знать? В инструкции всё верно.

 

[demon124]

тьфу блин невтот шаблон стили вписывал ...

 

[zirovun]

Сделал все так как в начале написанно

<xen:if hascontent="true">
        <fieldset>
    <ol class="nodeList sectionMain" id="forums">
    <xen:contentcheck>
        <xen:foreach loop="$renderedNodes" value="$node">{xen:raw $node}</xen:foreach>
    </xen:contentcheck>
    </ol>
    </fieldset>
</xen:if>

В EXTRA.css добавил

fieldset .nodeList.sectionMain .node.category.level_1.node_5 .categoryText {
background-image: url(styles/default/xenforo/phgp/nodes/5.jpg);
background-repeat: no-repeat;
background-position: 100% -144px;
}

Но ни чего не изменилось
Возможно нужно использовать только .png?

 

[Hope]

Ещё можно так реализовать:
В шаблон EXTRA.css:

/* Node headers */

.nodeList .node_1 .categoryStrip, .node1 .discussionList .sectionHeaders, .node1 .pageContent > .sharePage h3, .node1 .message:before{ background: #a07d4f url(@imagePath/8.jpg) no-repeat 0 50%; background-size: cover; }
.nodeList .node_6 .categoryStrip, .node6 .discussionList .sectionHeaders, .node6 .pageContent > .sharePage h3, .node6 .message:before{ background: #8b9790 url(@imagePath/strip_6.jpg) no-repeat 0 50%; background-size: cover; }
.nodeList .node_12 .categoryStrip, .node12 .discussionList .sectionHeaders, .node12 .pageContent > .sharePage h3, .node12 .message:before{ background: #414546 url(@imagePath/strip_12.jpg) no-repeat 0 50%; background-size: cover; }

Картинки кладём в папку дефолтного стиля... И будет типа того:

 

[zirovun]

Ещё можно так реализовать:
В шаблон EXTRA.css:

/* Node headers */

.nodeList .node_1 .categoryStrip, .node1 .discussionList .sectionHeaders, .node1 .pageContent > .sharePage h3, .node1 .message:before{ background: #a07d4f url(@imagePath/8.jpg) no-repeat 0 50%; background-size: cover; }
.nodeList .node_6 .categoryStrip, .node6 .discussionList .sectionHeaders, .node6 .pageContent > .sharePage h3, .node6 .message:before{ background: #8b9790 url(@imagePath/strip_6.jpg) no-repeat 0 50%; background-size: cover; }
.nodeList .node_12 .categoryStrip, .node12 .discussionList .sectionHeaders, .node12 .pageContent > .sharePage h3, .node12 .message:before{ background: #414546 url(@imagePath/strip_12.jpg) no-repeat 0 50%; background-size: cover; }

Картинки кладём в папку дефолтного стиля... И будет типа того:
Посмотреть вложение 10568

Спасибо чуть позже попробую)

 

[ikutaxova]

Что то не работает на 1.5.8
Может как то по другому в новой версии

 

[FDGod]

Все так же сделал, но нет результата. Версия 1.5.9

 

[ZveeeeR]

А как поставить это все на версию 1.5.9 ?? Не хочет показывать