티스토리 태그목록 3D형식으로 출력하기

블로그

Mile's 2014. 2. 1. 17:31

티스토리의 가장큰 장점은 CSS/HTML을 자유롭게 수정하여 다양하게 꾸밀수 있다는 점입니다.

제 티스토리의 경우는 마크쿼리의 Skeleton스킨을 적용해 제 입맛에 맞게

편집했는데 이런 HTML/CSS를 수정하여 이번에는 태그목록을 3D형식으로, 마우스 커서를 위치했을시

회오리 효과처럼 도는방법에 대해 알려드리겠습니다.

우선 다음 tag_3d.zip 파일을 받아 압축을 푼후 swfobject, tagcloud를

관리자 페이지의HTML/CSS에 파일업로드를 해줍니다.

그후 관리자 페이지의 HTML/CSS 편집에서 skin.html에서

<s_random_tags>~</s_random_tags>를 지우고 다음 소스를 삽입합니다.

Ctrl + F 로 s_random_tags를 검색해서 찾으면 쉽게 찾을 수 있습니다.

최종 CSS 편집 화면

skeleton스킨의 기존 태그의 경우 한줄에 1태그씩 출력되기 때문에 태그 자리를 많이 차지하는데

심플 하면서도 입체감이 넘치네요. 이상 태그목록에 3D효과를 주는 방법에 대해 알아보았습니다!