Wavy Cursor Tail

sobota, 8 marca 2014

JAK DODAĆ TŁO NA BLOGA - INSTRUKTAŻ:

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/AVvXsEgYHhVe2gHkuWxTNPfkCz5qdJua1-_43vcbtYVMcPeWlSuXpcXGHq45PH1_F9pgz7b-hHEb4quDSuxV06t9dvS2_2C3cWikYxJAYMbuLMZP0JU0PrycvMSNkRC8x-d7h0DdQbUzcHr8B_U/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/AVvXsEgYHhVe2gHkuWxTNPfkCz5qdJua1-_43vcbtYVMcPeWlSuXpcXGHq45PH1_F9pgz7b-hHEb4quDSuxV06t9dvS2_2C3cWikYxJAYMbuLMZP0JU0PrycvMSNkRC8x-d7h0DdQbUzcHr8B_U/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/AVvXsEgYHhVe2gHkuWxTNPfkCz5qdJua1-_43vcbtYVMcPeWlSuXpcXGHq45PH1_F9pgz7b-hHEb4quDSuxV06t9dvS2_2C3cWikYxJAYMbuLMZP0JU0PrycvMSNkRC8x-d7h0DdQbUzcHr8B_U/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;



Proszę teraz już wiecie jak ustawić na bloga tło!!!

4 komentarze:

Prosimy o komentarze. Nawet najmniejszy dla nas dużo znaczy :)