티스토리 블로그 - 카테고리 목록을 썸네일 이미지로 표시하기

현재는 아래의 썸네일 스크립트를 사용하지 않는 반응형 스킨을 사용하고 있습니다.
참고로 티스토리 가이드 "카테고리의 다른 글"을 보면 대표 이미지 썸네일 치환자를 지원하고 있습니다.

티스토리 블로그는 역시 꾸미는 맛이 있습니다.

그만큼 시간과 노동 그리고 인내가 필요하지만요..., ㅋ

이번에 블로그 스킨을 대대적으로 변경하면서

카테고리 목록을 밋밋한 리스트 형식으로 표시되는 것이 아니라 아래와 같이 썸네일 이미지로 표시되도록 수정하였습니다.

이미지 로딩 속도는 빠른 편이고, 목록의 표시가 이미지로 표시되니 깔끔해 보여서 만족스럽네요. *^^*

카테고리 목록의 썸네일 이미지 표시 예

1. 카테고리를 클릭하였을 때 - 샘플 보기

2. 글 보관함을 클릭하였을 때 - 샘플 보기

3. 검색하였을 때 - 샘플 보기

참고 사이트

이번 수정은 yongzz님의 사이트를 참고하였고,『노하우』,『스킨』에는 많은 블로그 스킨과 블로그 스킨 수정에 관한 유용한 글이 많이 있네요.~ 감사! 감사!
http://www.yongzz.com/view.php?bbs=know&no=4

썸네일 (갤러리)의 크기를 195px로 수정

원래의 소스는 썸네일 (갤러리) 1개의 가로 크기가 320px과 180px로 되어 있습니다.

ultrah 블로그의 본문 넓이는 640px인데 한줄에 3개를 표시하려면 320px은 960px로 넓이 오버, 180px은 540px로 조금 작은 느낌이 들어서 195px로 수정하였는데 썸네일 이미지가 뭉게지더라고요. 그래서 250x250 크기의 썸네일 이미지를 가져오도록 수정하였습니다.

카테고리 목록을 썸네일 이미지로 표시.txt