Jak zmienić tło w szablonie?

W standardowym kodzie szablonu PrintDesign mamy szare tło z wzorkami - ustawione tak by pokazywało się tuż przy bokach boksu z zawartością bloga. Nie każdemu się to może podoba a jak edytował już kolory menu czy innych elementów w szablonie to warto dopasować sobie także tło.

Jak zmienić obrazek tła?
Należy przejść do Szablon -> Edycja HTML -> kontynuuj -> zaznaczamy "rozszerz szablony widżetów".
Odszukujemy takie coś:

<style type='text/css'>

tuż pod tym mamy taki kod:

body{background:#F4F4F4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhryjCXzCLtBTYts-0pENSVs9Rvzt4uO7GQ7aM_iD-FBYAa3AJHcIGDnX0tCQIcUE5NhkAJ4emd_f-Kh_dRGRzOuqkgjHb188AtE2Jt9Qzkk5wMVR9J5DlWPK_k3_MRYnghta6d5vN9XnA/s1600/background.jpg) center top no-repeat;color:#535353;font-family: Arial, Verdana;font-size: 12px;margin:0px;padding:0px;}

 jest tam URL z grafiką: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhryjCXzCLtBTYts-0pENSVs9Rvzt4uO7GQ7aM_iD-FBYAa3AJHcIGDnX0tCQIcUE5NhkAJ4emd_f-Kh_dRGRzOuqkgjHb188AtE2Jt9Qzkk5wMVR9J5DlWPK_k3_MRYnghta6d5vN9XnA/s1600/background.jpg (1600x781 px) należy zamienić ją na własną. Wartość #f4f4f4 oznacza kolor szary poza obszarem grafiki (czyli jak ktoś ma rozdzielczość 1920 to po bokach widzi ten kolor.

Jak ustawić powtarzający się wzorek?
Ustawiamy odpowiedni URL obrazka a następnie z powyższego kodu kasujemy to:

no-repeat

Niepowtarzające się tło i wyśrodkowane?
Odpowiada za to fragment użyty w kodzie na górze, czyli:

center top no-repeat

Jak ustawić tylko kolor tła?
Jeżeli chcemy mieć tylko kolor, bez żadnych obrazków to cały fragment:

background:#F4F4F4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhryjCXzCLtBTYts-0pENSVs9Rvzt4uO7GQ7aM_iD-FBYAa3AJHcIGDnX0tCQIcUE5NhkAJ4emd_f-Kh_dRGRzOuqkgjHb188AtE2Jt9Qzkk5wMVR9J5DlWPK_k3_MRYnghta6d5vN9XnA/s1600/background.jpg) center top no-repeat;

kasujemy a zamiast tego wklejamy to:

background-color: #eeeeee;

gdzie #eeeeee to wybrany przez nas kolor dla tła bloga.

Jak zrobić tło rozciągające się wraz z ekranem przeglądarki?
przeczytasz: tutaj.

Jak zrobić żeby tło było nieruchome a przesuwała się jedynie ramka bloga?
do znacznika body dopisujemy jeszcze jedną linię:

background-attachment: fixed;

Przejdź do strony wpisu i dodaj komentarz lub pytanie »