Jump to content
IPS Invision Community
Sign in to follow this  
Draco-Zero

Бэкграунд в стандартном стиле

Recommended Posts

Draco-Zero

Имеется вот такой код:

body {
    background-image: url(Ссылка); /* Путь к фоновому изображению */
    background-color: #c7b39b; /* Цвет фона */
   }

Но с помощью него можно поставить только бесшовный фон, так вот подскажите что нужно добавить в код, чтобы картинка не повторялась, а допустим растянулась на весь экран или встала по середине.

Share this post


Link to post
Share on other sites
WOLF
Только что, Draco-Zero сказал:

Имеется вот такой код:


body {
    background-image: url(Ссылка); /* Путь к фоновому изображению */
    background-color: #c7b39b; /* Цвет фона */
   }

Но с помощью него можно поставить только бесшовный фон, так вот подскажите что нужно добавить в код, чтобы картинка не повторялась, а допустим растянулась на весь экран или встала по середине.

body {
    background: url(Ссылка) no-repeat center; /* Путь к фоновому изображению */
    background-color: #c7b39b; /* Цвет фона */
   }

так же все это есть в гугле, находится за 10-15 сек

Share this post


Link to post
Share on other sites
Draco-Zero

@WOLF Ваше дополнение не сработало, но я понял вас (что я написал?), в общем спасибо)

Edited by Draco-Zero

Share this post


Link to post
Share on other sites
WOLF
1 минуту назад, Draco-Zero сказал:

@WOLF Ваше дополнение не сработало, но я понял вас (что я написал), в общем спасибо)

все работает, нужно лишь дополнить: 

body {
    background: url(https://d.radikal.ru/d14/1801/7e/cdd07d9772f7.jpg) no-repeat center fixed;
    background-color: #c7b39b;
}

 

  • Нравится 1

Share this post


Link to post
Share on other sites
Draco-Zero
2 минуты назад, WOLF сказал:

все работает, нужно лишь дополнить: 


body {
    background: url(https://d.radikal.ru/d14/1801/7e/cdd07d9772f7.jpg) no-repeat center fixed;
    background-color: #c7b39b;
}

 

О, ура то что надо, осталось картинку нужного размера найти)

Share this post


Link to post
Share on other sites
Draco-Zero
body {
    background: url(https://d.radikal.ru/d14/1801/7e/cdd07d9772f7.jpg) no-repeat center fixed;
    background-color: #c7b39b;
  background-size: auto 100%;
}

Вот такой вариант просто супер, а теперь вопрос, как сделать прозрачными форумы?

Share this post


Link to post
Share on other sites
WOLF
15 минут назад, Draco-Zero сказал:

body {
    background: url(https://d.radikal.ru/d14/1801/7e/cdd07d9772f7.jpg) no-repeat center fixed;
    background-color: #c7b39b;
  background-size: auto 100%;
}

Вот такой вариант просто супер, а теперь вопрос, как сделать прозрачными форумы?

учитывая какой фон, то это не лучшая идея делать форумы прозрачными, не читабельный текст и типо "красивый" фон не лучший вариант. люди не из-за красоты на форум приходят, а из-за контента

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...