Куда идем?

резиновый фон

Больше
12 года 2 мес. назад #2482 от demondevil666
demondevil666 создал тему: резиновый фон
подскажите пожалуйста, как сделать фон(картинку) типа резиновой чтоб подходила к разным монитором?

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

Больше
12 года 2 мес. назад #2493 от Wedal
Wedal ответил в теме Re: резиновый фон
demondevil666, никак. Только повторением. Как вы клеите дома обои с рисунком? Вы же не сможете растянуть их на всю стену. Просто на каждой полосе рисунок повторяется и вы подгоняете полосы друг к другу так, чтобы общий рисунок казался единым целым. Точно также и на сайте.

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

Больше
12 года 2 мес. назад - 12 года 2 мес. назад #2499 от VARion
VARion ответил в теме Re: резиновый фон
При создании таких повторяющихся картинок, нужно учесть диапазон ширины целевых мониторов и то, что фон должен "растягиваться" в ширину и в высоту одновременно.
Можно использовать разные варианты:
  1. В шапку помещается картинка например 1000х400 у неё с краю (слева, справа, снизу) однородный цвет. Этот же цвет добавляем в background-color у body. Здесь главное с размером (весом) картинки не переборщить
  2. Просто эффект мозайки (тиражируя текстуру по X и Y)
  3. Тиражируя текстуру только по одной оси X или Y
Дальше уже от задач и фантазии зависит. Посмотрите как реализованы такие задачи на других сайтах.
Последнее редактирование: 12 года 2 мес. назад пользователем VARion. Причина: правка

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.