zamknij

Z cyklu instrukcji - nieruchome tło

W związku z tym, że na blogu panuje mały kryzys postanowiłam napisać post. Za nie długo wyjeżdżam i nie będzie mnie przez okrągłe 3 tygodnie co oznacza, że posty z mojej strony pojawiać będą się raz na 2-3 dni. Wracając do tematu... Jest to instrukcja autorstwa Finranthill z Zaczarowanych Instrukcji.

http://i.imgur.com/Zg7Ai.png http://i.imgur.com/gjRnD.png http://i.imgur.com/sR4ru.png http://i.imgur.com/I4Qnr.png
zabrane lumaniner


Na sam początek należy zalinkować obrazek np. na tinypic.
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
5. Gdy wszystko wydaje się ok, zapisz i gotowe!

Opracowane przez Finranthil 

1 komentarz:

  1. Zawsze korzystam z tej instrukcji - teraz nawet do wgrywania nagłówka! Jest genialna :)

    OdpowiedzUsuń