Ознакомиться с предложением по сертификации и аттестации на сайте http//jurists.moscow - дистанционное обучение.

Недавно на основании всех этих полезностей я сменил дизайн. Сделал это потому что этот блог был первый и пробный - я вообще про всякие CSS HTML JavaScript ничего не знал, но мне очень хотелость чего-нибудь эдакого. Приглашаю посетить мой новый блог там будет много о чём поговорить. Ну а в этом будут советы, советы, советы в помощь блоггеру как и задумывалось!

воскресенье, 17 июня 2007 г.

Добавляем картинку в background (задний фон) blogger

Для начала нужно залить картинку на какой-нибудь бесплатный хост, например Googlepages.com и запомнить адрес картинки. Затем ...

затем зайти в редактирование вашего шаблона, в коде CSS найти строчки

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


они описыват задний фон всего вашего блога.
Необходимо добавить вот такие строки перед знаком '{'

background-image:url(URL ВАШЕЙ КАРТИНКИ);
background-repeat:no-repeat;
background-position:120% 10%;
background-attachment: scroll;

чтобы это выглядело вот так:

body {
background:$bgcolor;
background-image:url(URL ВАШЕЙ КАРТИНКИ);
background-repeat:no-repeat;
background-position:120% 10%;
background-attachment: scroll;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


background-position:120% 10%; - описывает положение картинки,
background-repeat:no-repeat; - определяет замостить или нет бекграундом страницу, если хотите замостить, то добавьте 'repeat-x' - по горизонтали или 'repeat-y' - по вертикали соответственно.
background-attachment: scroll; означает, что бэкграунд будет прокручиваться вместе с содержимым блога, если хотите, чтобы картинка заднего фона находилась фиксированно, тогда вместо 'scroll' напишите 'fixed'

Сохранитесь и любуйтесь!

9 комментариев:

Polina комментирует...

Что-то у меня не выходит...возможно дело в URL, можно обойтись ведь и без него? Например использовать картинку из папки...ток как?(((

Anelechka комментирует...

А я не могу найти код CSS, в котором нужно внести изменения. Картинку я залила на Рамблер-планета, там тоже бесплатно.

Petrovich комментирует...

Не получилось размножить картинку по всему экрану, либо ось x либо y
как поступить?

Titikaka комментирует...

Да не реально все работает, тока на googlepages не очень удобно выкладывать фотки фонов :)

BOEFF комментирует...

Спасибо!

Manni комментирует...

нифига ниче не работает...

AliskaSkazka комментирует...

Наконец-то нашла доходчивое объяснение! Спасибо огромнейшее.

Gavrik комментирует...

Спасибо, все получилось с первого раза...

Em комментирует...

а есть шаблоны у которых 2 фона задний и фон на котором виджеты и окно сообщений так вот надо изменить второй фон и боковую панельку помогите плиз вообще не могу найти этот код (