вторник, 14 февраля 2012 г.

Фиксированная картинка на заднем фоне темы WordPress


Во многих шаблонах WordPress можно встретить какую-то картинку на заднем плане странички,

при прокручивании странички, обычно, двигается и фон, но есть маленькая и простая подсказка как сделать так чтоб картинка заднего фона (background image )  оставалась на одном месте.

А поможет нам в этом CSS и background-attachment.

и так  заходим : Внешний вид-редактор- Style.css

нас интересует раздел для body – так как там и стоит искать фоновую картинку, например:


body
{
  margin: 0 auto;
  padding: 0;
  color: #1A3337;
  background-color: #D2EDF4;
  background-image: url('images/page_t.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: top center;
}
background-attachment - определяет поведение картинки,
 scroll - прокручивается
 fixed - будет фиксирована

вот и все) установим background-attachment: fixed; сохраним файл и готово!
стоит только заметить что картинка в нашем случае не "растягивается" так что лучше,
чтоб она имела большое расширение, скажем 1400*1100

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

2 комментария:

  1. Этот комментарий был удален автором.

    ОтветитьУдалить
  2. Большое спасибо,а я при создании сайта использовал шаблоны для вордпресс темплейтмонстер. Они очень круто редактируются, легкие, без лишнего, просто легко и качевственно

    ОтветитьУдалить