Для начала нужно залить картинку на какой-нибудь бесплатный хост, например 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'
Сохранитесь и любуйтесь!
Недавно на основании всех этих полезностей я сменил дизайн.
Сделал это потому что этот блог был первый и пробный - я вообще про всякие CSS HTML JavaScript ничего не знал, но мне очень хотелость чего-нибудь эдакого.
Приглашаю посетить мой новый блог там будет много о чём поговорить.
Ну а в этом будут советы, советы, советы в помощь блоггеру как и задумывалось!
воскресенье, 17 июня 2007 г.
Добавляем картинку в background (задний фон) blogger
Подписаться на:
Комментарии к сообщению (Atom)
8 комментариев:
Что-то у меня не выходит...возможно дело в URL, можно обойтись ведь и без него? Например использовать картинку из папки...ток как?(((
А я не могу найти код CSS, в котором нужно внести изменения. Картинку я залила на Рамблер-планета, там тоже бесплатно.
Не получилось размножить картинку по всему экрану, либо ось x либо y
как поступить?
Да не реально все работает, тока на googlepages не очень удобно выкладывать фотки фонов :)
Спасибо!
нифига ниче не работает...
Наконец-то нашла доходчивое объяснение! Спасибо огромнейшее.
а есть шаблоны у которых 2 фона задний и фон на котором виджеты и окно сообщений так вот надо изменить второй фон и боковую панельку помогите плиз вообще не могу найти этот код (
Отправить комментарий