Jump to content

Сменить фон

ozersk
ozersk
in Invision Community 4 Support

Featured Replies

Posted
comment_88875

Ребят, просмотрел всё но не нашёл похожей темы С ОТВЕТОМ !

Как сменить фон на картинку в стандартном стиле? Если это делается в custom.css то поделитесь кодом, будьте добры.

  • Цитата
    comment_88879

    Я в globalTemplate после <body ...> добавил себе следующее)

    <div class="is_overlay">
    <video id="background-video" autoplay="" loop="" name="media" preload="auto">
 <source media="screen" src="http://eaassets-a.akamaihd.net/battlelog/background-videos/bg-video.webm" type="video/webm">
 <source media="screen" src="http://eaassets-a.akamaihd.net/battlelog/background-videos/bg-video.ogg" type="video/ogg">
 <source media="screen" src="http://eaassets-a.akamaihd.net/battlelog/background-videos/bg-video.mp4" type="video/mp4">
 </video>
        </div>
<style>
.is_overlay{
background: #230d0d url(http://d34ymitoc1pg7m.cloudfront.net/bf4/backgrounds/bg-xp4-20dbcfdb.jpg) 50% 0 no-repeat;
text-align: center;
display: block;
width: 100%;
height: 110%;
}
.is_overlay video {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;
}
</style>

    Теперь у меня видео фон.

  • Цитата
    • Author
    comment_88881

    Я в globalTemplate после <body ...> добавил себе следующее)

    <div class="is_overlay">
    <video id="background-video" autoplay="" loop="" name="media" preload="auto">
 <source media="screen" src="http://eaassets-a.akamaihd.net/battlelog/background-videos/bg-video.webm" type="video/webm">
 <source media="screen" src="http://eaassets-a.akamaihd.net/battlelog/background-videos/bg-video.ogg" type="video/ogg">
 <source media="screen" src="http://eaassets-a.akamaihd.net/battlelog/background-videos/bg-video.mp4" type="video/mp4">
 </video>
        </div>
<style>
.is_overlay{
background: #230d0d url(http://d34ymitoc1pg7m.cloudfront.net/bf4/backgrounds/bg-xp4-20dbcfdb.jpg) 50% 0 no-repeat;
text-align: center;
display: block;
width: 100%;
height: 110%;
}
.is_overlay video {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;
}
</style>

    Теперь у меня видео фон.

    ​Прогресс есть, но не полностью)) нижнюю часть только сменило 
    Скрин во воложении.Отметил что мне нужно сменить)
     

    Снимок.PNG

  • Цитата
    comment_88882

    Найдите в global.css строки:

    #ipsLayout_header header {
  padding: 10px 0 125px 0;
  margin-bottom: -115px;
  background-color: #3d5e78;
}

    и закоментируйте/удалите.

    Либо сделайте скрытие фона, точнее его прозрачность:

      #ipsLayout_header header {
  background-color: transparent;
  }

    в custom.css.

  • Цитата
    comment_88883

    А основной фон можно сделать в бади в том же global.css:

    body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #525252;
  height: 100%;
  background-color: #e9e9e9;
}

    Например закоментировав

      background-color: #e9e9e9;

    и добавив

    	background: #e9e9e9 url(/uploads/custom_image/ornaments_texture1146.jpg) fixed;
	background-size:cover;

    Путь разумеется свой указывайте.

  • Цитата

    • Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Ответить в этой теме...
    https://ipbmafia.ru/topic/11642-smenit-fon/
    Go to topic listing

    Последние посетители 0

    • No registered users viewing this page.