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

aligon

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

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

  • Для начала нам потребуется изменить высоту логотипа.logo-50px.png
В стандартном стиле она составляет 50 пикселей:
1963-2e1ecc18c6be588dcecca6ed1df2d083.jpg

  • Для этого идём: Внешний вид> Стили> Default Style> Группы настроек стиля> "Шапка" (header) и навигация.
Вкладка 'Настройки'> пункт 'Высота логотипа':
И меняем это значение (к примеру) на 355 пикселей: ogo-355px.png
Получили требуемый результат
1966-06a7bee63e3bab7b60824371822851a0.jpg
. Далее прикрутим фоновое изображение к шапке.
  • Для этого идём: Внешний вид> Стили> Default Style> Группы настроек стиля> "Шапка" (header) и навигация.
Вкладка 'Настройки'> пункт 'Фон': header-bg.png
В поле 'Изображение' указываем путь до загруженной нами (за ранее) картинки фона styles/default/xenforo/bg.jpg.
В поле 'Repeat' в выпадающем меню выбираем 'No-Repeat'.
В поле 'Позиция' указываем значение 'top'.
Проверим изменения
1968-a41d257aa896cb0380c0c50e1aa19245.jpg
. Движемся дальше - заменим логотип.
  • Для этого идём: Внешний вид> Стили> Default Style> Группы настроек стиля> "Шапка" (header) и навигация.
Вкладка 'Настройки'> пункт 'Путь к основному логотипу': header-logow.png
В поле значения указываем путь до загруженного нами (за ранее) логотипа styles/default/xenforo/logow.png
Видим результат
1971-3c5845e01cd97e0c87fe043b2bf43722.jpg
. Осталось подкорректировать цветовую палитру.
  • Для этого идём: Внешний вид> Стили> Default Style> Группы настроек стиля> Цветовая палитра.
1.png Далее правим цветовую палитру на свой вкус и цвет. 2.png
  • Для этого идём: Внешний вид> Стили> Default Style> Группы настроек стиля> Основное.
Вкладка 'Настройки'> пункт 'Фон': color-html.png
В поле 'Цвет' выбираем требуемый оттенок цвета фона.
  • Если в стиле нет прозрачных элементов, то данных настроек вполне достаточно для достижения поставленной задачи.
  • Вот что получилось в итоге наших манипуляций:

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

creenshot_1.png

Меняем вид статистика форума (дефолтный стиль)
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. идем в Список разделов/узлов - Настройки и ставим галочку напротив Показывать всплывающие окна для подразделов.
Третий пункт нужен в том случае, если Вам нужно убрать отображение подразделов. Если Вам подразделы нужны, уберите из кода

HTML:
.nodeList .subForumsPopup
{
    display: none;
}

creenshot_1.png
 
Последнее редактирование:
Привет как мне узнать длину на моём форуме чтоб сделать такую же шапку по размерам, вот сам форум
 
Назад
Верх Низ