Dekorujemy stronę internetową na święta

Szczęśliwych nadchodzących świąt dla wszystkich drogich przyjaciół. Przed nami Nowy Rok, Boże Narodzenie i inne wspaniałe zimowe święta. Nadszedł czas, aby udekorować i uporządkować wszystkie swoje posiadłości).

W dzisiejszym artykule pokażę, jak udekorować swoją stronę internetową (blog):

1. Piękne tło, Noworoczne zdjęcie, 
2. Chichoczący Święty Mikołaj, 
3. Girlanda z animacją

1. Piękne tło, zdjęcie noworoczne

W panelu sterowania należy przejść do sekcji Motyw - Edytuj HTML i poszukać kodu ]]></b:skin>, a przed nim ustawić następujący kod:

CSSbody {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh_jNgmZHB37r-xb3AqyGEpQ1JkniSk09MYo0lu2IGDuJ4gZJ951aVbX4Ri6CExc0Qw5BRFewTw3Lp8vJnwWztEKdPAfFmy7SRVbq10qRgUvJG9OgXKYwwO5-ywy4HFNRV-uRlWBO62tY/s1600/Fon-2016-2-01-1+%25281%252921.jpg)
no-repeat top fixed;
}

Jeśli obszar roboczy witryny (bloga) ma szerokość nie większą niż 1100 pikseli, wszystko jest w porządku i można zapisać szablon. Ale jeśli płótno jest znacznie większe, w tym przypadku obraz ukryje się za nim. W każdym razie zapisz szablon i sprawdź wynik. Jeśli obraz nadal się ukrywa, dodaj następującą wartość do głównego kodu:

CSSbackground-size: 100%;

W rezultacie nasz kod powinien wyglądać następująco:

CSSbody {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh_jNgmZHB37r-xb3AqyGEpQ1JkniSk09MYo0lu2IGDuJ4gZJ951aVbX4Ri6CExc0Qw5BRFewTw3Lp8vJnwWztEKdPAfFmy7SRVbq10qRgUvJG9OgXKYwwO5-ywy4HFNRV-uRlWBO62tY/s1600/Fon-2016-2-01-1+%25281%252921.jpg)
no-repeat top fixed ;
background-size: 100%;
}

Teraz zapisz szablon i zobacz, gdzie tym razem znajduje się obraz. Jeśli jest zbyt daleko od płótna, zamiast 100% wpisz 80 lub 90%, ogólnie wybierz procent, aż obraz znajdzie się we właściwym miejscu. 

Jeśli chcesz inny obraz, to w kodzie, zamiast mojego linku, umieść link do swojego obrazu. Możesz przesłać obraz, który chcesz umieścić w swoim poście na blogu, przejść do zakładki HTML, skopiować link do obrazu i umieścić go w kodzie.

2. Animacja CSS Święty Mikołaj

Merry Christmas!

Aby zainstalować, pobierz plik z kodem.Dodaj kod CSS do edytora HTML swojej witryny, ustaw kod HTML w miejscu, w którym powinien być wyświetlany Mikołaj.Możesz zmienić nazwę Merry Christmas! na własną w kodzie HTML.