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

Обсуждения CMS для форумов - PHPBB, версии 3 и выше
Ответить
ustim
Администратор
Сообщения: 130
Зарегистрирован: 03 июн 2021, 09:01
Откуда: Краснодар
Контактная информация:

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

Сообщение ustim »

Для версии 3.0/3.1

1. Загружаем готовый рисунок на сервер в папку styles/prosilver/theme/images/
2. Потом идём в папку styles/prosilver/theme/ и открываем в ней файл common.css
Ищем в нём:

Код: Выделить всё

.headerbar {
   background: #ebebeb none repeat-x 0 0;
   color: #FFFFFF;
   padding: 0 5px;
И после этого фрагмента добавляем height: 200px; (в соответствии с высотой используемого в нашем примере рисунка - 200px).
3. В этой же папке открываем файлик colours.css
В нём ищем фрагмент:

Код: Выделить всё

.headerbar {
   background-color: #092a5d;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
   color: #FFFFFF;
Меняем в этом фрагменте название рисунка шапки bg_header.gif на название нашего рисунка
4. Обновляем шаблоны, темы и чистим кэш.
ustim
Администратор
Сообщения: 130
Зарегистрирован: 03 июн 2021, 09:01
Откуда: Краснодар
Контактная информация:

Re: Добавляем изображение в шапку форума

Сообщение ustim »

Для версии 3.2

В последних версиях PHPBB 3.2.x делать так:

Открываем файл styles/prosilver/theme/colours.css и замените строки:

Код: Выделить всё

.headerbar, .forumbg {
	background-color: #12A3EB;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
	background-repeat: repeat-x;
}
на

Код: Выделить всё

.headerbar {
	background-color:#20354c;
	background-image:url("./images/ваш_фоновый_рисунок");
	color:#FFFFFF;
	border:1px solid #4f91b6;
}
.forumbg {
	background-color: #12A3EB;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
	background-repeat: repeat-x;
}
Ответить