Перейти к публикации
4.3.5
Draco-Zero

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

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

Draco-Zero

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
WOLF
Только что, Draco-Zero сказал:

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


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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Draco-Zero

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

Изменено пользователем Draco-Zero

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Draco-Zero
2 минуты назад, WOLF сказал:

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


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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
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%;
}

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
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%;
}

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

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

Поделиться сообщением


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

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×