Tumblr에서 배경 이미지의 높이, 너비 및 크기를 변경하는 방법

Tumblr 페이지의 배경에 표시하려는 이미지가 할당 된 공간에 맞지 않는 경우 서비스에서 제공하는 HTML 편집 도구를 사용하여 크기를 조정할 수 있습니다. 현재 테마의 소스 코드에서 배경 이미지를 찾은 후 CSS3 속성을 추가하여 그림의 높이와 너비를 조정할 수 있습니다. CSS를 사용하면 배경을 반복할지 여부를 지정할 수도 있습니다.

Tumblr 대시 보드에서 블로그 이름을 클릭하고 "모양 사용자 지정"을 선택합니다. 현재 Tumblr 테마의 소스 코드를 열려면 "HTML 편집"을 선택하십시오.

"Ctrl-F"를 눌러 인터넷 브라우저의 검색 기능을 열고 검색 상자에 "background :"(따옴표없이)를 입력합니다. "Enter"를 눌러 Tumblr 페이지에 배경 이미지를 추가하는 코드를 찾습니다.

배경 이미지의 위치를 ​​지정하는 줄 뒤에 "background-size"CSS3 속성을 코드에 추가합니다. 속성을 사용하여 그림의 너비와 높이를 지정할 수 있습니다. 예를 들어 배경 이미지의 너비를 500 픽셀로, 높이를 800 픽셀로하려면 다음 줄을 추가합니다.

background-size : 500px 800px;

"저장"을 클릭하여 환경 설정을 저장하고 Tumblr 배경의 크기를 조정하십시오.

CSS3를 사용하여 배경 이미지를 반복할지 여부를 지정할 수도 있습니다. 이 시나리오에 사용해야하는 속성은 "백그라운드 반복"입니다. 이러한 속성을 실험하려면 W3schools.com에서 제공하는 Tryit 편집기 (참고 자료 링크)를 방문하십시오.