사용자 지정 Tumblr 테마에서 배경 그림을 변경하는 방법

Tumblr 블로그의 배경 그림을 업데이트하면 흥미로운 새로운 방향으로 블로그를 발전시키는 새로운 창의적인 아이디어가 생겨납니다. 다른 Tumblr 테마 제작자는 CSS 테마를 만들기 위해 다른 코딩 방법을 사용합니다. 너무 많은 맞춤형 Tumblr 테마가 존재하기 때문에 테마의 CSS 코드를 업데이트하는 여러 가지 방법이 있습니다. 사용자 정의 Tumblr 테마에 배경 사진을 추가하는 한 가지 방법은 테마의 HTML 코드의 올바른 위치에 간단한 CSS 태그를 포함시키는 것입니다.

1.

Tumblr으로 이동하여 계정에 로그인하십시오. Tumblr 페이지 상단에서 블로그 이름을 찾아 해당 이름을 클릭하십시오.

2.

사용자 정의 테마의 목록을 보려면 "응용 프로그램 사용자 정의"를 클릭하십시오. 변경할 테마 아래의 "HTML 편집"버튼을 클릭하십시오. 테마의 HTML 코드가 나타납니다.

삼.

HTML 코드에서 ""를 검색하십시오. 한 줄 또는 두 줄 위로 이동하고 "." 이 태그는 문서의 CSS 스타일 섹션 끝을 표시합니다. 다음 텍스트를 "

body {background-image : url ( 'IMAGE_NAME_HERE'); background-repeat : no-repeat; }

"IMAGE_NAME_HERE *"을 웹에있는 이미지의 URL로 바꿉니다.

4.

'업데이트 미리보기'를 클릭하십시오. 새 배경 그림이 페이지의 오른쪽에 나타납니다. '모양'을 클릭 한 다음 '저장'을 클릭하여 변경 사항을 저장하십시오.

  • HTML 문서에 추가하는 코드에는 "no-repeat"문자열이 포함되어 있습니다.이 문자열 값은 이미지가 웹 페이지에서 반복되지 않도록합니다. 전체 웹 페이지를 커버하기에는 너무 작 으면 이미지를 반복 할 수 있습니다. 이미지 반복을 원하면 "no-repeat"을 repeat로 바꾸십시오.
  • 컴퓨터에서 사진을 배경으로 사용하려면 무료 이미지 호스팅 사이트에 이미지를 업로드하십시오. 업로드 후 사이트에서 이미지의 URL을 제공합니다. 이 단계에서 설명한대로 해당 URL을 Tumblr HTML 코드에 붙여 넣으십시오.

인기 게시물