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

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

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

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

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

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

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


Вверх