[Помогите] замена фона, что делаю не так?

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем plat75, 10 май 2013.

Статус темы:
Закрыта.
  1. plat75

    plat75

    Регистрация:
    9 май 2013
    Сообщения:
    26
    Симпатии:
    1
    да)))
     
  2. maFFyoZZyk

    maFFyoZZyk DLE & IPB

    Регистрация:
    20 июн 2012
    Сообщения:
    202
    Симпатии:
    37
    на такой случай ставят маленькие однотонные картинки
    в других же случаях их ставят отдельно, но ни как не в body
     
  3. plat75

    plat75

    Регистрация:
    9 май 2013
    Сообщения:
    26
    Симпатии:
    1
    а куда тогда , просто нашел тут на форуме где описывалось что надо вносить в body
    вот по этой инструкции и делал))
     
  4. maFFyoZZyk

    maFFyoZZyk DLE & IPB

    Регистрация:
    20 июн 2012
    Сообщения:
    202
    Симпатии:
    37
    Существует 3 основных варианта фона: градиент по горизонтали, градиент по вертикали и обычное изображение.
    Начнём с фона в виде градиента по горизонтали. Первым делом, Вам необходимо вырезать изображение шириной в 1 пиксель и высотой с самого начала до того места, где уже нет изменения цвета. В итоге, получится, длинная вертикальная полоска толщиной в 1 пиксель. Пусть её высота будет 800 пикселей. Чтобы сделать такой градиентный фон, необходимо в CSS написать следующее:
    body {
    background
    : url("images/bg.jpg") repeat-x #dedede;}

    Таким образом, эта полоска размножится по всей ширине экрана и получится градиентный фон. Возможно, Вы сейчас спросите: "А что будет, если высота будет больше 800 пикселей?". Вот для этого мы и задали "#dedede" - тот цвет, где уже нет указанного фонового изображения. Безусловно, у Вас будет другое значение, которое соответствует самому последнему цвету в градиенте. Таким образом, получится, что вначале идёт градиент, а уже потом однотонный цвет, и никаких рывков не происходит.
    Абсолютно аналогичный принцип и с градиентом по вертикали, только нужно уже вырезать картинку высотой в 1пиксель, а также необходимо центрировать сам фон по центру:
    body {
    background
    : url("images/bg.jpg") repeat-y center #dedede;}

    Иногда, центрирование не требуется.
    И, наконец, как сделать фон в виде обычной картинки. Здесь надо понимать один очень важный момент. Картинка не меняет свои размеры в CSS. Поэтому не получится сделать резиновую вёрстку там, где находится картинка в фоне, другими словами, картинка не будет растягиваться. А задаётся она аналогично:
    body {
    background
    : url("images/bg.jpg") no-repeat #dedede;}

    Цвет вне изображения надо задавать таким, чтобы был плавный переход от границ картинки к этому цвету.
    Я показал Вам, как сделать фон картинкой. Безусловно, есть различные особенные случаи, где нужно уже думать самостоятельно, а самые основные и популярные варианты, Вы теперь уже знаете.
     
  5. plat75

    plat75

    Регистрация:
    9 май 2013
    Сообщения:
    26
    Симпатии:
    1
    все решилось подсказали с другого форума
    Код:
    body {
    		color: #000000;
    		font-family: Arial, Helvetica, sans-serif;
    		margin: 0px;
    		padding: 0px;
    		background:url("../image/blurry.jpg") no-repeat scroll center;
    }
    хотя проблема нашлась там где страницы длинеее картинка не растягивается по всему экрану, а остается белые полосы
     
  6. kavapser

    kavapser

    Регистрация:
    10 май 2013
    Сообщения:
    2
    Симпатии:
    0
    Опишите проблему более подробно_ А то вариантов масса и все не то)
     
Статус темы:
Закрыта.