Tumblr 블로그 테마의 배경 이미지를 중앙에 배치하려면 블로그 테마의 HTML 코드 페이지에서 간단한 CSS 코드 한 줄을 편집하세요. 반복 또는 "바둑판 식 배열"없이 배경 공간을 채우는 배경 이미지를 사용해보십시오. 기본 Tumblr Redux 테마의 배경 이미지 기능은 기본적으로 배경 이미지를 바둑판 식으로 배열합니다. 동일한 CSS 문을 편집하여 타일링을 비활성화하고 배경 이미지를 중앙에 배치 할 수 있습니다. 이미지를 수직 및 수평으로 중앙에 배치 할 수 있습니다.
Tumblr를 연 다음 블로그 이름 옆에있는 화살표를 클릭하여 모든 블로그 목록을 봅니다. 팝업 대화 상자에서 편집 할 블로그를 클릭합니다. 기본 블로그 테마를 편집하려면 다음 단계로 건너 뛰십시오.
"사용자 지정"탭을 클릭하여 선택한 테마를 편집 모드에서 엽니 다.
사용자 정의 패널의 배경 이미지 섹션에서 "업로드"아이콘을 클릭 한 다음 배경 이미지를 찾아 클릭합니다. 이미지를 업로드하려면 "열기"를 클릭하십시오.
테마 편집기를 열려면 "HTML 편집"링크를 클릭하십시오.
"Ctrl-F"를 눌러 찾기 및 바꾸기 도구를 엽니 다. 입력 상자에 따옴표없이 "background"를 입력합니다. 아래쪽 화살표를 클릭하여 다음 코드 줄을 찾습니다.
body {background : {color : Background} url ( '{image : Background}') 왼쪽 상단 고정 반복;
"왼쪽 상단 고정 반복"의 배경 속성 값을 "중간 반복 없음"으로 변경합니다. "중앙"의 첫 번째 인스턴스는 이미지를 수직으로 중앙에 배치합니다. 두 번째 인스턴스는 이미지를 수평 중앙에 배치합니다. 문 끝에있는 세미콜론을 잊지 마세요.
미리보기 창에서 배경 이미지를 보려면 "미리보기 업데이트"버튼을 클릭하십시오.
"저장"을 클릭하여 코드 편집 내용을 저장 한 다음 종료 아이콘을 클릭하여 편집기를 닫고 블로그의 기본 페이지로 돌아갑니다.
팁
배경 이미지를 수평 및 수직으로 중앙에 배치하려는 경우 "반복 없음 중앙 중앙"행에 대한 코드 속기를 사용할 수 있습니다. 하나의 "center"값이 생략되면 "center"값이 내포됩니다. "반복 안 함 센터"를 사용하여 이미지를 수직 및 수평으로 중앙에 배치 할 수 있습니다.
"no-repeat top center"행은 이미지를 가로로 가운데에 배치하고 이미지를 페이지 상단에 맞 춥니 다.
