[Tistory스킨] Odyssey(오디세이) 썸네일 비율 수정하기

 

1. 스킨 편집에서 '기본 목록 스타일'을 포스터 타입으로 설정

 

 

 

 

2. HTML 편집 클릭

 

 

 

 

3. HTML에서 <s_list_rep> 찾기

 

 

 

<s_list_rep>

	<article class="article-type-common article-type-poster">

		<a href="" class="link-article">
                        <p class="thumbnail" style="background-image:url('')">
                          <img src="" class="img-thumbnail" role="presentation">
                        </p>
                      </a>

 

4. 위와 같이 변경하기

<p class="thumbnail" style="background-image:url('')">

                          <img src="" class="img-thumbnail" role="presentation">

 

 

 

 

5. CSS에서 .article-type-poster .thumbnail의 padding-top 값을 100%로 수정

 

 

 

 

6. 파일 업로드에 가서 images/common.json 파일을 링크 저장

 

 

 

 

7. 다운로드 받은 파일을 연결 프로그램 - 메모장 클릭하여 열기

 

 

 

if(thumbType != ''){
  var newThumbUrl = 'url(https://i1.daumcdn.net/thumb/' + thumbType + '/?scode=mtistory2&fname=' + thumbUrl + ')';
  thumb.css("background-image", newThumbUrl);
}

 

8. 메모장에서 위에 해당하는 부분 삭제하고 저장한 후, 다시 파일 업로드에 추가하기