За да центрирате фоново изображение в темата на вашия блог на Tumblr, редактирайте един прост ред на CSS код в HTML кодовата страница на темата на блога. Помислете дали да не използвате фоново изображение, което запълва фоновото пространство, без да се повтаря или „облицовка“. Функцията за фоново изображение в стандартната тема на Tumblr Redux полага фоновите изображения по подразбиране. Можете да деактивирате облицовката и да центрирате фоновото изображение, като редактирате същия CSS израз. Имайте предвид, че можете да центрирате изображението както вертикално, така и хоризонтално.
Отворете Tumblr, след това щракнете върху стрелката до името на вашия блог, за да видите списък с всички ваши блогове. Щракнете върху блога за редактиране в изскачащия диалогов прозорец. За да редактирате основната си тема в блога, преминете към следващата стъпка.
Щракнете върху раздела „Персонализиране“, за да отворите избраната тема в режим Редактиране.
Щракнете върху иконата „Качване“ в секцията „Фоново изображение“ на панела „Персонализиране“, след това прегледайте и кликнете върху фоновото изображение. Щракнете върху „Отвори“, за да качите изображението.
Щракнете върху връзката „Редактиране на HTML“, за да отворите редактора на теми.
Натиснете “Ctrl-F”, за да отворите инструмента за намиране и замяна. Въведете “background”, без кавички, в полето за въвеждане. Щракнете върху стрелката надолу, за да намерите следните редове код:
body {background: {color: Background} url ('{image: Background}') горе вляво фиксирано повторение;
Променете стойностите на свойството Background на „горе вляво фиксирано повторение“ на „no-repeat center center“. Първият случай на “център” вертикално центрира изображението. Вторият случай хоризонтално центрира изображението. Не забравяйте точка и запетая в края на изявлението.
Щракнете върху бутона „Актуализиране на визуализация“, за да видите фоновото изображение в прозореца за визуализация.
Щракнете върху „Запазване“, за да запазите редакциите на кода, след това щракнете върху иконата Изход, за да затворите редактора и да се върнете на главната страница на вашия блог.
Съвети
Можете да използвате стенограма на кода за линията „без повторение в центъра“, ако възнамерявате да центрирате фоновото си изображение както хоризонтално, така и вертикално. Ако една стойност "център" е пропусната, се подразбира стойност на "център". Можете просто да използвате „център без повторение“, за да центрирате изображението както вертикално, така и хоризонтално.
Редът „не се повтаря отгоре в центъра“ хоризонтално центрира изображението и подравнява изображението с горната част на страницата.
