Фоновый рисунок

[a13x4ndr]

Всем привет! Я вижу, группа начинает набирать обороты, наверное пора
уже и делом заняться :)

Внимание, знатоки! Вопрос: есть блог со стандартным шаблоном. Как
создать на нем фоновый рисунок вместо просто какого-то цвета?
Просьба рассмотреть варианты как одного большого рисунка, так и
картинка, состоящая из маленьких повторяющихся фрагментов (я знаю как
это называется правильно, специально пишу так, чтобы несведущие могли
потом с помощью поиска найти).

[Анастасия Быкова]

Я только нашла как весь шаблон поменять..:)

[Мопс - это солнышко на ножках]

> Внимание, знатоки! Вопрос: есть блог со стандартным шаблоном. Как
> создать на нем фоновый рисунок вместо просто какого-то цвета?

Нужно в макете зайти в раздел "Изменить html"
Найти строчку, начинающуюся со слова
body {
Под ней есть строчка
background: url(http://..........);
вместо многоточия подставить ссылку на желаемую картинку

[Croaker]

Задать фоновое изображение для блога можно с помощью каскадных стилей
(CSS). Через "Макет - Изменить HTML" задать правило для селектора
body.

Ищем селектор body. Выглядит примерно так:
body {
/* Здесь правила для селектора */
}

Добавляем фоновое изображение:
body {
background:url('http://your_url.com/image.gif');
}
http://your_url.com/image.gif замените на ссылку на ваше изображение.

Это краткая форма записи правила для background. Такая форма состоит
из нескольких элементов:
background: background-attachment || background-color || background-
image || background-position || background-repeat

background-attachment -- может быть двух типов [fixed | scroll]
fixed - при прокрутке окна остается неподвижным
scroll - изображение прокручивается вместе с содержимым окна

background-color -- цвет фона.
Может быть задан по названию цвета (например: red, green, blue);
16-ричным значением (#FF0000, #00FF00, #0000FF);
RGB значением. Например: rgb(255,0,0)

background-image -- url изображения.
В данном примере: url('http://your_url.com/image.gif')

background-position -- позиция фонового изображения.
Может быть задана значением в любых величинах, в процентах, либо с
помощью ключевых слов в порядке "горизонталь вертикаль": [left |
center | right] || [top | center | bottom] (Например left top)

background-repeat -- отвечает за "повторение" фонового изображения.
no-repeat -- изображение отображается один раз, не повторяется
repeat-x -- повторяется по горизонтали
repeat-y -- повторяется по вертикали
repeat -- повторяется по обоим направлениям X и Y. Еще иногда
называется "черепичная заливка".
repeat-z -- ... шучу :)

Важно!
Если вы используете фоновое изображение, всегда задавайте цвет фона
подходящий основному фону изображения.Изображение может не загрузиться
по каким-либо причинам, либо у пользователя может быть отключен показ
изображений. Не думаю, что ваших пользователей обрадует перспектива
читать белые буквы на белом фоне. Часто этим пороком страдают блоги на
Liveinternet.

Пример:
background: fixed #F8D8D6 url('http://your_url.com/image.gif') left
top repeat-y;

[M. Tilromen.]

Прекрасная и исчерпывающая инструкция.
Но должен заметить, что scroll, к примеру, у меня не действует.
Не знаю как у других - попробуйте.

On 18 фев, 10:51, Croaker <denis.neve...@gmail.com> wrote:
> Задать фоновое изображение для блога можно с помощью каскадных стилей
> (CSS). Через "Макет - Изменить HTML" задать правило для селектора
> body.
>
> Ищем селектор body. Выглядит примерно так:
> body {
>   /* Здесь правила для селектора */
>
> }
>
> Добавляем фоновое изображение:
> body {
>   background:url('http://your_url.com/image.gif');}
>

> http://your_url.com/image.gifзамените на ссылку на ваше изображение.

[Croaker]

Параметр scroll задается по умолчанию. Т.е. явно его указывать
необязательно. Обычно проблемы возникают как раз с fixed, и в-основном
в Internet Explorer.