블로그 이름(로고) 이미지로 변경시 확인할 사항(JB SKIN 113)

 

블로그 이름(로고) 이미지로 변경시 확인할 사항(JB SKIN 113)

 

로그 이미지로 변경하기

 

왼쪽 위의 블로그 이름은 글자로 나오게 하거나 이미지로 나타낼 수 있습니다.

 

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

 

현재: 기본설정

 

1 <h1 class="jb-site-title"><a href="https://likasuni.com/">리카수니 Blog</a></h1>

 

2 <!--<h1 class="jb-site-title-image"><a href="https://likasuni.com/"><img src="./images/logo-jb-skin-113.png" alt=""></a></h1>-->

 

 

블로그 이름을 이미지로 나타내고 싶으면 아래와 같이 바꾸세요!

 

1 <!--<h1 class="jb-site-title"><a href="https://likasuni.com/">리카수니 Blog</a></h1>-->

 

2 <h1 class="jb-site-title-image"><a href="https://likasuni.com/"><img src="./images/jb-logo-skin-113.png" alt=""></a></h1>

 

이미지는 스킨의 images 폴더에 있는 jb-logo-skin-113.png 파일을 참고하여 만드시면 됩니다.

위의 이미지는 380 X 60 입니다.

 

여기까지는 설명서에 해결한 부분입니다. 하지만 문제가 하나 더 생깁니다.

바로 이미지의 크기가 맞지 않았습니다. 길이는 더 길고 높이도 하나도 맞지 않았습니다. 

그 해결책은?

 

CSS에서(html이 아닙니다) 아래의 내용을 검색하세요^^ 그리고 hight 를 조절하세요~

 

h1.jb-site-title-image img { height: 30px; }

@media ( max-width: 1110px ) {

           h1.jb-site-title-image img { height: 25px; }

}

 

아래의 링크 참조하세요

http://leaders-ac.tistory.com

 

 

 

현재 블로그를 계속 만들어가고 있습니다. 계속해서 제가 경험했던 부분들을 정리해서 올리겠습니다. JB에 만든 스킨을 정리하고 있으니 참조하세요. 버전은 다르지만 거의 동일합니다.

 

그리고 설명하는 블로그 스킨은 티스토리 반응형 스킨 JB SKIN 113 입니다.

2017/09/29 - [리카수니 블로그 소식/리카수니추천 IT사이트] - 리카수니가 추천하는 티스토리 스킨

 

 

반응형

댓글

Designed by JB FACTORY