Nieruchome tło

Aby ustawić tło o dowolnej wielkości, dostosowujące się do wielkości ekranu, unieruchomione i ustawione pośrodku, musimy pogrzebać w kodzie html. Sposób ten stosowałam zarówno w szablonie rewelacja, jak i okno obrazu - w obu przypadkach działał poprawnie. Zanim jednak przejdziemy do rzeczy, trzeba wejść na imageshack lub inną, dowolną stronę i zalinkować obrazek. Gotowe? Okey, teraz możemy zacząć działać.

1.Wchodzimy w ustawienia naszego bloga, następnie w SZABLON, a potem w EDYTUJ KOD HTML. Pojawi nam się okienko, uprzedzające o zagrożeniach wynikających z ingerowania w ten kod. Klikamy KONTYNUUJ.

2.Na początku kod html może przerażać, ale spokojnie. Powoli przewijamy, szukając "body{".
Znalazłeś? Teraz należy wkleić następny kod. Całość, wraz z "body{", wygląda tak:

body {

font: $(body.font);

color: $(body.text.color);

background-color: #000000;

background-image: url('http://img198.imageshack.us/img198/1701/wielkianiol.png');

background-attachment: fixed;

background-size: cover;

background-position: center top;

background-repeat: no-repeat;

}

3. Wracamy do naszego obrazka, klikamy prawym przyciskiem myszy i wybieramy KOPIUJ ADRES URL GRAFIKI lub KOPIUJ ADRES OBRAZKA (zależy od przeglądarki). Wracamy do kodu i w miejsc poprzedniego adresu wklejamy nasz. Trzeba pamiętać, aby przez przypadek nie usunąć znaczka '.


4. Zanim zapiszesz szablon, kliknij PODGLĄD.


Całość powinna wyglądać okey. Możemy pobawić się tym kodem, zmieniając go wedle naszych upodobań. Aby lepiej wszystko zrozumieć, poniżej wytłumaczyłam kilka komend.



background-attachment: fixed; - odpowiada za unieruchomienie tła. Blog rusza się, podczas gdy obrazek zostaje w miejscu.
background-color: #000000 - tutaj chyba każdy wie, o co chodzi - kolor tła
background-position: center top; - ustawia na środku
background-image: url('http://img198.imageshack.us/img198/1701/wielkianiol.png'); - odpowiada za sam obrazek. Jeśli zależy nam tylko tle o dowolnej wielkości, to wystarczy ten kod.

Instrukcja by Jill.