Как да промените височината, ширината и размера на фоново изображение в Tumblr

Ако фонът на вашия Tumblr не се вписва в зададеното пространство, можете да го преоразмерите, като добавите CSS3 свойства в кода на темата.

Стъпка 1 – Отворете редактора на HTML

В таблото на Tumblr кликнете върху името на блога си и изберете „Customize Appearance“. След това натиснете „Edit HTML“, за да видите кода на текущата тема.

Стъпка 2 – Намерете кода за фоновото изображение

Натиснете Ctrl + F в браузъра и въведете background:. Натиснете Enter, за да откриете реда, който задава фонова снимка.

Стъпка 3 – Добавете свойството background-size

След реда, където се посочва URL‑то на изображението, добавете ново CSS правило, което задава желаната ширина и височина. Пример:

background-size: 500px 800px;

Това ще направи фоновото изображение с ширина 500 px и височина 800 px.

Стъпка 4 – Запазете промените

Натиснете „Save“, за да приложите новите настройки и да видите променения фон.

Допълнителни настройки

Също така можете да контролирате дали изображението се повтаря, като използвате свойството background-repeat. Пример:

background-repeat: no-repeat;

За експериментиране с тези свойства можете да използвате онлайн редактора Tryit Editor на W3Schools.

Съвети

• Използвайте background-size: cover; за автоматично запълване на целия екран без изкривяване.
• Ако желаете изображението да се мащабира пропорционално, задайте едно от измеренията, а другото оставете auto.
• Не забравяйте да проверите как изглежда вашият блог на различни устройства.