Оформление шапки и фона и прочего

[aligon]

Уважаемые пользователи. Предлагаю в этой теме делиться навыками, как модифицировать стиль или часть шаблона, аватар, шапку, подвал и т.д.

Вот один не хитрый способ немного приукрасить шапку форума на стандартном стиле xenForo:

• Для начала нам потребуется изменить высоту логотипа.

В стандартном стиле она составляет 50 пикселей:

• Для этого идём: Внешний вид> Стили> Default Style> Группы настроек стиля> "Шапка" (header) и навигация.

Вкладка 'Настройки'> пункт 'Высота логотипа':
И меняем это значение (к примеру) на 355 пикселей:
Получили требуемый результат

. Далее прикрутим фоновое изображение к шапке.

• Для этого идём: Внешний вид> Стили> Default Style> Группы настроек стиля> "Шапка" (header) и навигация.

Вкладка 'Настройки'> пункт 'Фон':
В поле 'Изображение' указываем путь до загруженной нами (за ранее) картинки фона styles/default/xenforo/bg.jpg.
В поле 'Repeat' в выпадающем меню выбираем 'No-Repeat'.
В поле 'Позиция' указываем значение 'top'.
Проверим изменения

. Движемся дальше - заменим логотип.

• Для этого идём: Внешний вид> Стили> Default Style> Группы настроек стиля> "Шапка" (header) и навигация.

Вкладка 'Настройки'> пункт 'Путь к основному логотипу':
В поле значения указываем путь до загруженного нами (за ранее) логотипа styles/default/xenforo/logow.png
Видим результат

. Осталось подкорректировать цветовую палитру.

• Для этого идём: Внешний вид> Стили> Default Style> Группы настроек стиля> Цветовая палитра.

Далее правим цветовую палитру на свой вкус и цвет.

• Для этого идём: Внешний вид> Стили> Default Style> Группы настроек стиля> Основное.

Вкладка 'Настройки'> пункт 'Фон':
В поле 'Цвет' выбираем требуемый оттенок цвета фона.

• Если в стиле нет прозрачных элементов, то данных настроек вполне достаточно для достижения поставленной задачи.
• Вот что получилось в итоге наших манипуляций:
  У вас нет разрешения на просмотр ссылки, пожалуйста Вход или Регистрация

Вообще убрать заливку (шапку).
Решается таким образом:
1. Стиль (дефолтный) - Шапка" (header) и навигация - "Шапка" (header) - Фон
2. Заходим в палитру и ставим галочку: Очистить значение.
Вышло так:



Меняем вид статистика форума (дефолтный стиль)
1. открываем шаблон EXTRA.css и добавляем в него:

Спойлер

/*Статистика форумов*/
.nodeStats.pairsInline {
display: block;
line-height: 20px;
max-width: 200px;
position: absolute;
right: 275px;
top: 7px;
}

.nodeStats.pairsInline dl, .nodeStats.pairsInline dt, .nodeStats.pairsInline dd {
display: block;
min-width: 90px;
text-align: center;
}

.nodeStats.pairsInline dt {
color: #a5cae4;
text-transform: uppercase;
}

.nodeList .subForumsPopup
{
display: none;
}
/*Статистика форумов*/

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

.nodeList .subForumsPopup
{
    display: none;
}

 

[ohota]

Привет как мне узнать длину на моём форуме чтоб сделать такую же шапку по размерам, вот сам форум

У вас нет разрешения на просмотр ссылки, пожалуйста Вход или Регистрация

 

[aligon]

Ну я думаю как и ширина форума. Ну попробуй 1200

 

[ohota]

Ну я думаю как и ширина форума. Ну попробуй 1200

А точно как узнать?

 

[baltun]

А точно можно узнать через инструмент разработчика https://web-zones.ru/threads/kak-parsit-kod-sajta-foruma.329/