Страница 1 из 1
Как изменить фон сайта картинкой?
Добавлено: 20 ноя 2009, 01:29
ToM@TiK
Юзал поиск, ввел "фон сайта" выбило 87 страниц со словом сайта, а словом ФОН не одной. По этому создал тему. Заранее извиняюсь если такой вопрос поднимался.
есть картинка размером 3000px x 3000 px дабы подстраивалась под все экраны:
Как сделать чтоб фон сайта изменился и эта картинка стала на задний фон + к тому еще и подстраивался под экран монитора.
<body style="background: url('ссылка') no-repeat; margin:0px; padding:0px;">
Пытался сделать но этот код не подстраивается под монитор.
Заранее спасибо за ответ
Re: Как изменить фон сайта картинкой?
Добавлено: 20 ноя 2009, 02:08
Youzer
а что значит "подстраиваться"? если изменять свои размеры под ширину/высоту экрана - то средствами CSS этого не сделать. да и незачем это, громоздко все слишком получится.
картинка 3000px x 3000 px - это жесть. сколько она у вас весит, если не секрет?
а вообще делается это проще:
ко всему бэкграунду применяется фон одного цвета (для вас - синий), а в футерную часть кладется картинка шириной пикселей в 5 (т.к. рисунок повторяется) с повтором и высотой "чтобы было красиво")
как-то так, например:
Код: Выделить всё
<body style="background: url('ссылка_на_картинку') left bottom repeat-x #синий_цвет; margin:0px; padding:0px;height:100%">
з.ы. подгонять самому придется, я только смысл показал
з.з.ы. и цвет для фона выбран неудачно, читать неудобно будет
Re: Как изменить фон сайта картинкой?
Добавлено: 20 ноя 2009, 10:59
SOKOJI
ToM@TiK, если это градиент, как у тебя, то делай его шириной в 1-5 пикселей. Затем указывай repeat-x:
Код: Выделить всё
body {
background: url('images/bg.png') repreat-x #fff;
}
Re: Как изменить фон сайта картинкой?
Добавлено: 20 ноя 2009, 12:29
ToM@TiK
Я эту картинку привел как пример,а если мне надо не просто цвет и не градиент, что в этом случае делать? Какой размер ставить тогда? и если с repeat то получится ...
Re: Как изменить фон сайта картинкой?
Добавлено: 20 ноя 2009, 13:08
SOKOJI
ToM@TiK, ну тогда по максимуму картинку сжимай, и ставь на фон. На счет размера ничего сказать не могу, но чаще всего я встречал 1280x1024.
Re: Как изменить фон сайта картинкой?
Добавлено: 20 ноя 2009, 17:38
ToM@TiK
SOKOJI писал(а):ToM@TiK, ну тогда по максимуму картинку сжимай, и ставь на фон. На счет размера ничего сказать не могу, но чаще всего я встречал 1280x1024.
так какой тогда код ставить? если я поставлю картинку на 1280х1024 а у меня монитор 800х600 то я буду видеть не всю картинку..
Re: Как изменить фон сайта картинкой?
Добавлено: 23 ноя 2009, 04:55
Youzer
тогда
- либо насоздавать картинок под стандартные разрешения мониторов и выводить нужную через селектор (можно автоматически, используя скрипт определения параметров монитора)
- либо скриптом наподобие этого:
Демо |
Описание
