Перейти к содержанию
фан-форум
фанфорум

Вставить картинку поверх логотипа форума, в IPS Community Suite 4 / Invision

Рекомендуемые сообщения

Как вставить картинку поверх логотипа, в шапке форума, на движке IPS Community Suite 4 / Invision Board


В админке переходим в кастомизацию
 

https://vash-forum.ru/admin/?app=core&module=customization&controller=themes

 

Далее в внешний вид —> Темы —> default —> редактировать HTML и CSS
Открываем файл globalTemplate и перед
 

	</body>
</html>


Вставляем код:
 

<!-- /9 мая -->      
<img alt="9 мая День Победы!" class="ipsImage ipsImage_thumbnailed" data-fileid="163" data-unique="vz3ch883d" src="https://fanforum.ru/img/9_may_victory_day_135.webp" style="position:absolute;top:0px;left:0px;width: 135px; height: auto;opacity:.9;">
<!-- /9 мая -->


135px - высота нашей картинки в пикселях, можно сделать больше картинку, тогда она будет поверх синей шапки, или меньше, тогда она будет напротив названия форума
Opacity - прозрачность выставляем, как больше, нравится от 0 до 9
Можно использовать картинку с прозрачным фоном, в формате png или webp, во втором случае у меня получился вес картинки меньше в 4 раза

Пример:
fanforum_may_9_day.webp

На данном примере, первые буквы "ф" и "а", в названии форума - перекрывает картинка, просто фон у неё прозрачный и наложение поверх названия форума незаметно.

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
К сожалению, ваш контент содержит запрещённые слова. Пожалуйста, отредактируйте контент, чтобы удалить выделенные ниже слова.
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.



×
×
  • Создать...
Рейтинг@Mail.ru