티스토리 스킨 수정하기

티스토리 북클럽 스킨 썸네일 이미지 싸이즈 수정하기

티스토리 스킨은 마음대로 수정할 수 있는 자유가 있어요~

하지만 어느정도 html 소스를 볼 줄 알아야 그것도 가능하죠.

저도 모방해서 뜯어 고치는지라 제대로 아는건 없지만 그래도 답답하실 분들을 위해 살짝 올려보아요.

현재 제 티스토리는 북클럽스킨이에요.

아~ 스킨수정의 자유를 주었다지만 이만큼 고치는것도 엄청 힘들었어요.

티스토리 커버중 섬네일리스트를 설정하면 책에 관련된 스킨이라 그런지 책표지를 나타냈을때 이뻐보일 크기로 가로 230 세로 300으로 나타내져요.

책표지로서는 이쁜데 제 비누사진으로는 너무 크고 가로가 많이 짤리더라구요.

먼저 스킨편집에서 html편집을 열어줍니다.

대략 173줄쯤에 cover 부분의 섬네일리스트 크기부분을 찾습니다.

 

<s_cover_item_thumbnail>
<img src="//i1.daumcdn.net/thumb/C230x300/?fname=" alt="">
</s_cover_item_thumbnail>

 

C230x300 이부분에서 원하는 크기로 바꿔줍니다.

특성상 이것도 제맘대로 나타내지지는 않더라구요.

원하는 숫자가 아닌 내맘대로 지정되어 있는 숫자가 있는 듯 해요.

230x140 혹은 230x150은 먹히는데 그 외에 다른 숫자들은 이상한 곰돌이 박스가 튀어 나와요.

당황하지 마시고 숫자를 계속 바꿔보시면 먹히는 숫자가 있을거에요;;;

여기서 추가설명...

C230x140 으로 했을경우

C230으로 하시면 가로가 230 크기, 세로가 140으로 이보다 클경우 알아서 짤리고 나와요.

R230x140 으로 R로 변경해서 했을경우 (대문자R 이여야함)

가로, 세로크기가 짤리는것이 아니고 알아서 줄여져서 나와요.

그림에 전체가 보이는 반면 어설픈 크기의 사진은 퍼져 보일 수 있어요.

한가지 더...

C,R 2가지 다 세로를 0으로 설정하면 가로크기에 맞게 세로는 알아서 축소가 됩니다.

하지만.....100% 자유수정이 가능한 티스토리가 아닌고로 저같은 사람은 100% 뜯어고치지 못해요.

저와 비슷한 수준의 사람이라면 C230x140을 추천해드립니다~

 

자~ 수정하고 나면 이처럼 그레이박스가 감싸고 있는것이 보일거에요.

이부분도 줄여줘야겠죠 ^^

 

스킨편집에서 style파일 열어줍니다.

대략 593줄쯤에 cover 부분의 섬네일리스트 부분을 찾습니다.

 

.cover-thumbnail-1 ul li figure {
	display: block;
	height: 0;
	margin-bottom: 9px;
	padding-bottom: 130.434782608695652%;
	background-color: #f8f8f8;
}

 

130.434782608695652%; 이부분을 원하는 싸이즈로 수정합니다.

세로 140일경우 60이면 됩니다.

 

이렇게 수정 될 수 있어요~

 

이와같은 방법으로 기본리스트, 뉴스레터, 커버갤러리 등도 수정 하실 수 있습니다.