Как сделать подразделы XenForo в столбик

W

Wmboard

#1
По умолчанию подразделы на XenForo надо сказать выглядят неприглядно. Они не отображаются на главной, как мы привыкли, а появляются только при наведении мышью в виде всплывающего окошка.



В версии хреньки 1.1.3, которая выложена здесь на Борде, для того чтобы сделать подразделы в столбик придется экспериментировать с шаблонами. Но, версия 1.1.3 уже в прошлом, актуальная версия хреньки уже 1.2.4, и отображение подразделов в столбик, как на вобле, как на IPB уже заложено разработчиками.

Как это сделать?

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

В результате мы получим три столбца, что на мой взгляд выглядит не красиво. Если вам нужен лишь один столбец, то для этого идем в шаблоны вашего стиля, ищем шаблон EXTRA.css

Добавляем:

Код:
.node .subForumList li {
width: 50% ;
}

Сохраняем шаблон, и наслаждаемся одним столбцом подразделов.

Если два столбца, то

Код:
.node .subForumList li {
width: 35% ;
}
 
N

Nyhsa

#2
Veter, а где ж взять версию 1.2.4? :rolleyet:
 
W

Wmboard

#3
У меня есть 1.2.3.
Не выкладывал потому что не смотрел на всякие гадости. Если есть время посмотреть могу прислать, потом выложим.
 
N

Nyhsa

#4
Veter, да давай кидай я проверю! Найду время, без проблем.:)
 
W

Wmboard

#5
Хорошо, пришлю на почту. Если будешь онлайн тестировать, ссылочку кинь тогда в личку, ладно?
 
N

Nyhsa

#7
Veter, все зарегила новый домен с хостом, сейчас пойду заливать новую версию :rolleyet:
 
W

Wmboard

#8
Ну... а это тебе надо было? Я бы тебя на тестовый пустил
 
V

Viuga

#10
Интересно, иконки подразделам можно пристроить?:rolleyet:
 
W

Wmboard

#11
Можно сделать все :)
 
V

Viuga

#12
К подразделам можно добавить иконки.

В шаблоне node_list.css ищем:

Код:
.node .subForumList li .nodeTitle { font-size: 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

Заменяем на:

Код:
.node .subForumList li .nodeTitle { font-size: 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url('https://путь до картинки/subforum_old-48.png') no-repeat; padding-left: 18px; }
 
W

Wmboard

#13
Почему у тебя не вижу? :)
 
W

Wmboard

#15
Наверное не видел потому что он микроскопический ;)
 
Get involved!

Here you can only see a limited number of comments. On СЕО Форум Вебмастеров you see all comments and all functions are available to you. To the thread