Как поменять фон сайта - блога. Добавить фоновое изображение (картинку).
Здравствуйте дорогие читатели. Сегодня мы с вами разберем еще один урок для улучшения дизайна вашего сайта. Урок этот не сложный и довольно интересный.Как известно на вкус и цвет сайты и блоги бывают разные. Кому-то нравится белый фон, кому-то темный, а некоторым и вовсе хочется примостить там шикарное изображение. Чего только не сделаешь чтобы удержать посетителя.) Вчера я поделился с вами уроком, как украсить сайт под новый год фоновой картинкой. К чему это я виду, а виду я к тому, что вчерашний и сегодняшний уроки похожи между собой, вот только код, который при этом используется немного изменит свой вид. К примеру вчера у нас была картинка, которая должна была примоститься по бокам полотна. А сегодня за основу будет браться цвет или изображение, которые должны замостить вес фон вашего сайта или блога. В общем с теорией более менее понятно, можно перейти к практике.
Для того, чтобы поменять фон сайта или блога переходим в раздел Шаблон - изменить HTML находим код ]]></b:skin> перед которым нам нужно разместить следующий код:
body {
background: #333 url()no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}За цвет фона отвечает участок кода выделенный оранжевым. Вместо него пропишите код своего цвета и сохраните шаблон.
Если же вам нужно разместить фоновое изображение, в таком случае удалите оранжевый участок кода и рядом в коде выделенном зеленым в дужках разместите ссылку на свое изображение. Можно загрузить картинку на какой нибудь хостинге картинок и скопировать прямую ссылку на нее. Так же можно загрузить картинку в blogger, что намного лучше. Для этого создаете новое сообщение, загружаете нужную картинку, переходите на вкладку HTML, там копируете ссылку изображения и вставляете ее в наш код. При этом сообщение можно не публиковать, просто оставить, как черновик.