Вот и дождались Вы видеоурок, который записала для Вас многоуважаемая Ама (автор сайта Штучка). Это уже второе видео… нет, не второе, а четвертое. Но остальные видео, которые она записала я выложу несколько позже.
Итак, сегодня Вы научитесь помещать любое изображение в фон Вашего сайта, который работает на движке ВордПресс и на премиум шаблоне Striking.
В видеоуроке будет показан код CSS, который я привожу ниже.
/* —————————————————————- Background mod
— #000 change this to the colour you want your page to be
— URL modify path to the path of your image
— top this is the position relative to the top of the page. Other options may be somehting like #px or #%
— center this option is relative to the width of your page and is telling the image to align to the center of the page horizontally
— fixed is forcing the image to stay in one place regardless of how the page is scrolled. Another option may be «scroll»
— no-repeat is preventing smaller backgrounds to be repeated. Other options include «repeat» «repeat-x» or «repeat-y»
*/
body
{background: url(http://vovaokino.ru/wp-content/uploads/2012/03/1.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;};
/* —————————————————————- Remove Shadows */
#feature,
#feature .bottom_shadow,
#feature .top_shadow,
#page,
#page_bottom,
#footer
{ background-image:none; }
Как изменить фон в Страйкинг:
(смотрите видео на весь экран и выбирайте максимальное разрешение)
P.S. Если статья была полезна, добавьте ее в соц.сети, Твиттер и +1. Спасибо!