티스토리 반응형 스킨 | JB Magazine > Tips > 블로그 제목을 이미지로 바꾸는 방법 - V0.1.2 이하

JB Magazine의 블로그 제목은 글자로 되어 있습니다.

글자 대신 로고 이미지를 넣고 싶다면 다음과 같이 합니다.

로고 이미지 업로드

[HTML/CSS 편집 - 파일업로드]에서 로고 이미지를 업로드합니다.

이미지 이름을 logo.png라고 가정하겠습니다.

skin.html 편집

skin.html에 다음과 같은 코드가 있습니다.

<h1 class="jbTitle"><a href="[##_blog_link_##]">[##_title_##]</a></h1>

다음처럼 변경합니다.

<h1 class="jbTitle"><a href="[##_blog_link_##]"><img src="./images/logo.png"></a></h1>

style.css 편집

이미지 크기에 따라 오른쪽 메뉴의 위치가 이상할 수 있습니다.

style.css에 다음과 같은 코드가 있습니다.

h1.jbTitle {margin: 24px 0px; font-size: 2.0em;  font-weight: bold;}

빨간 숫자를 변경하여 간격을 조절합니다.

Created on 2015-03-05 15:06 | Updated on 2016-03-23 20:24

이 글을 공유하기

Kakao

티스토리 스킨 by CMS Factory

Book navigation