Как изменить стандартный логотип на phpBB 3.2 / 3.3

[Татьяна5]

1) Загрузить изображение в папку /styles/prosilver/theme/images/

2) Открыть файл /styles/prosilver/theme/colours.css
Найти

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

.site_logo {
	background-image: url("./images/site_logo.gif");
}

Заменить site_logo.gif на название изображения, которое загрузили

3) Открыть файл /styles/prosilver/theme/common.css
Найти

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

.site_logo {
	display: inline-block;
	width: 149px;
	height: 52px;
}

Заменить 149 и 52 на ширину и высоту загруженного изображения соответственно

Очистить кеш, на форуме и в браузере

[Andre_3008]

На phpBB 3.3.0 в той же папке (styles/prosilver/theme/images) в качестве стандартного логотипа стоит файл векторной графики "site_logo.svg". Это сделано для того, чтобы в разных масштабах браузеров и на разных гаджетах логотип не расплывался по пикселам. Если есть желание, чтобы новый логотип отвечал этим требованиям, то лучше сделать новый логотип в Adobe Illustrator, который работает с векторной графикой svg-файлов. Если есть старый логотип в Photoshop, то он легко откроется с помощью Adobe Illustrator.

[ФармакоМафия]

1) Загрузить изображение в папку /styles/prosilver/theme/images/

2) Открыть файл /styles/prosilver/theme/colours.css
Найти

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

.site_logo {
	background-image: url("./images/site_logo.gif");
}

Заменить site_logo.gif на название изображения, которое загрузили

3) Открыть файл /styles/prosilver/theme/common.css
Найти

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

.site_logo {
	display: inline-block;
	width: 149px;
	height: 52px;
}

Заменить 149 и 52 на ширину и высоту загруженного изображения соответственно

Очистить кеш, на форуме и в браузере

Добрый день.

После обновления форума до версии 3.3.10. я сделал так, как в цитируемом сообщении.
Отредактировал colours.css и common.css
Рядом с site_logo.svg в ту-же папку залил пользовательский логотип с расширением .jpg
Почистил кеш на форуме и в браузерах.
Новый логотип больше по размерам, поэтому видно, что какие-то изменения произошли.
Однако на деле вместо логотипа виден только placeholder бОльшего размера, чем стандартный логотип от phpBB.
Скриншот прилагаю.

[Татьяна5]

ФармакоМафия, нужна не картинка, а код страницы, вживую в браузере

[ReXtor]

Однако на деле вместо логотипа виден только placeholder бОльшего размера, чем стандартный логотип от phpBB.

На данный момент видно что новый логотип отображается. Имеет свой размер 300х101, но отображается в шапке в стандартных 149х52. Из кода следует что изменения в common.css не произведены.

[ronim]

ReXtor, Если бы изменения не были внесены в common.css то и логотип не отображался бы.
А так все в норме

[rxu]

Если бы изменения не были внесены в common.css то и логотип не отображался бы.

Лого зашит в colors.css. Размеры в common.css. Так что всё верно отмечено.

[Leo Angel]

Нужно вместо картинки поставить шрифтовой логотип.
Шрифту нужны другие - не стандартные.
Шрифты положил в папку fonts в стилях.
Изменения в файлах стиля сделал.
На компе шрифты подхватываются, а на смартфоне нет!
Что я сделал не так?
Как исправить, чтобы и на телефонах подгружались нужные шрифты?

[Татьяна5]

Leo Angel, кеш смартфона чистился?

[Leo Angel]

Да, естественно!

[Татьяна5]

Leo Angel, Тогда надо смотреть где переопределяются шрифты для смартфонного разрешения экрана

[Leo Angel]

А где это можно посмотреть?

[Татьяна5]

Leo Angel, как всегда, в отладчике в браузере (на ПК, при соответствующей ширине браузера)

[Leo Angel]

Самое интересное, что на ПК в отладчике при выборе моб.устройств (с разными расширениями) всё в порядке.
А на реальном смартфоне шрифты не подгружаются!

[KEMnEP]

Leo Angel, вы загрузку шрифтов через https://developer.mozilla.org/en-US/doc ... @font-face
сделали? Или только в фонт фемали подключили?

[Leo Angel]

Только font-family подключил.
Что ещё нужно сделать?
Подключить через font-face?
Или как ещё?
Подскажите, плиз, а-то уже голову сломал!