2. Загрузка логотипа
3. Настройка параметров логотипа
4. Если логотип не отображается
5. Заметки
Как изменить стандартный логотип на Ваш на phpBB 3.1
1. Введение
Если Вы ещё не загрузили файлы, или не знаете как пользоваться FTP или SSH, Вам нужно узнать как это сделать. В Knowledge Base на phpbb.com есть краткая инструкция FTP. Прочитайте Программы, необходимые для установки и изменения phpBB для выбора клиентских приложений.
Вам нужно найти себе логотип, который будет загружен, либо нарисовать свой собственный. Ни один браузер не сможет отобразить все типы изображений, поэтому лучше выберите один из широко поддерживаемых типов: png, jpg или gif.
2. Загрузка логотипа
С помощью FTP или SSH загрузите изображение в папку
/styles/prosilver/theme/images/
. Вы можете назвать своё изображение так же, как и стандартный логотип, site_logo.gif
, или дать ему другое название.3. Настройка параметров логотипа
Скачайте файл
/styles/prosilver/theme/imageset.css
, сохраните его копию, затем откройте в текстовом редакторе. Найдите:
Описание: название и тип файла; ширина в пикселях; высота в пикселях.imageset.css писал(а):.imageset.site_logo {
background-image: url("./images/site_logo.gif");
padding-left: 149px;
padding-top: 52px;
}
Измените имя файла, ширину и высоту на значения, подходящие для нового лого.
Сохраните и загрузите файл
imageset.css
в ту же папку на сервере с помощью FTP (с заменой существующего).Теперь Ваш логотип отображается на форуме.
4. Если логотип не отображается
- Попробуйте обновить страницу в браузере. В нормальных браузерах при перезагрузке страницы она загружается из браузерного кеша, а Вам нужно будет загрузить страницу с сервера. Как правило, это можно сделать с помощью
- На Windows и Linux: Ctrl + F5 или Shift + "Обновить" в браузере
- На Mac: ⌘ (Cmd) + F5 или Shift + "Обновить" в браузере
- Проверьте все правки ещё раз. Ошибка в одной букве в имени изображения может привести к тому, что изображение не будет отображаться.
- Если часть изображения не отображается, то Вы, скорей всего, неправильно скорректировали значения padding.
- Дважды проверьте, что Вы выполнили все пункты инструкции, и сделали все изменения в стиле, который используется, а не в другом.
background-image: url
- относительный путь до изображения, от папки /styles/prosilver/theme/
. К примеру, если Ваш новый логотип называется fish_heads.png
и по какой-то причине он находится в корне форума, то путь будет ../../../fish_heads.png
.Если нужно изменить размер изображения, лучше всего это сделать в графическом редакторе, так оно будет отображаться в лучшем качестве. Тем не менее, Вы можете использовать CSS. На новой строке после
background-image:
добавьте background-size: [color=#FF0000]298[/color]px [color=#0000FF]104[/color]px;
(ширина в пикселях; высота в пикселях.) Свойства padding-left
и padding-top
также нужно будет скорректировать.Перевод статьи [How to] Change your board logo 3.1.x