Как да зададете фон на сайта в Tumblr

Как да направите фонът на вашия Tumblr блог да се адаптира към всяка резолюция

Тема, която поддържа фон с изображение, може да придаде индивидуалност на вашия блог, но без правилната настройка изображението може да не се вижда добре на различни устройства. Следвайки тези стъпки, ще накарате фоновото изображение да запълва целия екран, независимо от резолюцията или браузъра.

1. Влезте в профила си в Tumblr

От таблото изберете Настройки.

2. Изберете блога, който искате да промените

Ако имате повече от един блог, кликнете върху името му и след това натиснете Персонализиране (Customize).

3. Отворете кода на темата

Натиснете Edit HTML и използвайте Ctrl + F, за да отворите прозореца за търсене.

4. Намерете секцията body

Въведете body { (без кавичките) и натиснете Enter. Това ще ви отведе до CSS‑правилото за body.

5. Добавете свойства за мащабиране на фона

Въведете следния код между отварящата и затварящата скоба:

background-size: cover;
-webkit-background-size: cover;   /* Safari, Chrome */
-moz-background-size: cover;      /* Firefox */
-o-background-size: cover;        /* Opera */

Тези правила гарантират, че изображението ще запълни целия фон и ще се адаптира към различните браузъри.

6. Преглед и запазване

Натиснете Update Preview, проверете как изглежда фона, и след това кликнете Save, за да запазите промените.