Перейти к содержанию

Сменить фон


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

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

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

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

Я в 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>

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

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

Я в 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

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

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

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

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

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

  #ipsLayout_header header {
  background-color: transparent;
  }

в custom.css.

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

А основной фон можно сделать в бади в том же 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;

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

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

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

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

Гость
Ответить в этой теме...

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

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

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

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

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

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...