Тестовик |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Тестовик » Украшение форума » Своя шапка форума
Своя шапка форума
HTML верх
<style>
#pun-title table {background: url(Ссылка на вашу картинку) no-repeat top center transparent;}
</style>Инструкция: залить картинку на свой форум и ссылку на картинку вставить вот в этот код, который потом вставить в HTML верх:
Убираем название форума и меняем стандартное лого на своё (если в стиль, то <style> убираем)
В html верх ставьте это (картинку https://forumstatic.ru/files/001b/8c/9a/56548.gif меняйте на свою)
<style>
/***убираем надпись системы назв. форума***/
#title-logo {display: none !important;}
#title-logo-tbody {display: none !important;}
.logo {
position: absolute;
z-index: 100;
top: 90px; /*опускаем выше...ниже*/
background-color: transparent; /*цвет*/
background-image: url(https://forumstatic.ru/files/001b/8c/9a/56548.gif); /*картинка*/
background-position: top center; /*позиционирование картинки*/
height: 60px; /*высота шапки*/
width: 340px; /*ширина шапки*/}
</style>Установка шапки сайта
<div id="html-header">
<style type="text/css">
#pun-title .title-logo {background-image: url(https://forumstatic.ru/files/001a/da/db/39736.jpg); margin-left:0; width: 100% height:100%; background-repeat:no-repeat; height: 160px; width: 101%; }
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
.punbb .post-content{
font-size:16px; color:#000000
}
font-family: Arial narrow-black;
.pa-title {font-size:small; font-size:16px;}
BODY A font-size:15px; color:#06286d}</font></style>Регулировка шапки
ВЕРХ
<style>
#pun-title table {background: url(https://forumstatic.ru/files/001b/1d/88/29485.png) no-repeat top center transparent; background-sizе:cover;}
</style>Таким образом шапка сайта будет растянута - и будет заполнено всё, без пустых мест.
background-image:url("https://forumstatic.ru/files/0000/0c/05/74469.jpg?v=1"); background-size:cover;ПРИМЕР ШАПКИ:
Заготовка с глобусом, как в блоге
Скрипт на "большую шапку"
<style>
body {
background: transparent url(картинка) no-repeat top center !important;
margin-left: 0px;
padding-top: 200px;
}
</style><div id="html-header">
<!--шапка форума -->
<img id="Mylogo" src="https://upforme.ru/uploads/001a/f6/61/2/549094.png
" />
<style type="text/css">
#pun {margin: 0 30px 30px 30px;position: inherit;}
#Mylogo {width: 100%; margin: 30px 0 0 0;}
#pun-title {display:none;}
</style>
<!--шапка форума конец -->
Источник - здесь.
Вы здесь » Тестовик » Украшение форума » Своя шапка форума