왕논의 연구실

[티스토리] 썸네일 설정 방법 본문

티스토리 설정 방법

[티스토리] 썸네일 설정 방법

ywangnon 2022. 4. 15. 16:42

공통

썸네일 크기를 설정하려면, html을 편집해야 합니다.

스킨 편집을 누르시고,

원하는 썸네일을 보여줄 홈 화면에서의 리스트 타입을 선택한 후,

html 편집을 눌러주세요.

스킨편집 -> html 편집 -> 해당 위치에 코드삽입

 

북리뷰

html

<s_article_rep_thumbnail>
<img src="//i1.daumcdn.net/thumb/C250x250/?fname=https://blog.kakaocdn.net/dn/ecNIMP/btrzvcFrZB5/N8SqrnM1wIKgq749muueJk/img.png" alt="">

css

.list-type-vertical .post-item .thum img {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
}

 

뉴북

html

<s_article_rep_thumbnail>
<img src="//i1.daumcdn.net/thumb/C250x250/?fname=https://blog.kakaocdn.net/dn/ecNIMP/btrzvcFrZB5/N8SqrnM1wIKgq749muueJk/img.png" alt="">

css

.list-type-thumbnail .post-item .thum img {
	float: right;
	width: 126px;
	height: auto;
	margin-left: 57px;
	border: 1px solid #f1f1f1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY();
}