이 블로그는 더이상 운영되지 않고 Archive 용도로 사용되고 있습니다.
새로운 블로그를 방문해주세요.

square second


square second


0123


데모 블로그


스킨 특징

반응형 웹

- 960px

- 640px

- 360px


손쉬운 설정

- 사이드바

- 작성일 리본

- 본문


하단 최근 게시글

- 글의 대표 이미지가 없을 시 제목 출력


스킨 사용에 도움되는 서식


티스토리 새 치환자 적용


포인트 컬러 - #09a


IE8 이상 지원


스킨 설정

사이드바 숨기기 <html class="sidebar-off">

사이드바가 숨겨지고 토글 버튼이 나타납니다.


* 우측 사이드바 <html class="sidebar-right">

사이드바가 오른쪽으로 이동하고 본문이 오른쪽으로 붙습니다.


* 사이드바 고정 <html class="sidebar-fixed">

Square 스킨처럼 사이드바가 고정되고 사이드바, 본문 개별 스크롤됩니다.


* 본문 중앙 정렬 <html class="content-center">

좌측에 정렬된 본문이 가운데로 이동합니다.


* 게시글 작성일 리본 디자인 변경 <html class="ribbon-original">

Square 스킨에 적용된 리본 디자인으로 돌아갑니다.


* 최근 게시글 위치 이동

[ 관리자 > 사이드바 설정] 에서 본문 하단에 있는 최근 게시글을 사이드바로 옮길 수 있습니다.

이동시 사이드바에 맞게 최근 게시글의 디자인이 변경됩니다.

※ 최근 게시글만 이동 가능하고 다른 위젯은 이동하면 안됩니다.


* 위치 이동한 최근 게시글, 썸네일 높이 자동 조절 <html class="recent-auto-height">

세로 길이가 긴 이미지의 썸네일을 길게 높이에 맞게 자동으로 조절합니다.

※ 사이드바에 있는 경우에만 적용됩니다.


* 사이드바 카테고리 위젯 NEW 아이콘 변경

새 글 작성시 나타나는 NEW 아이콘을 제거하고 텍스트를 출력합니다.

skin.html 파일 하단에서 문구 및 색상의 변경이 가능합니다.



제작 및 테스트 환경

윈도우 10

- Internet Explorer 8 ~ 11

- MS Edge

- Chrome

- Opera

- Mozilla Firefox


갤럭시S4 (안드로이드)

- Chrome

- 기본 인터넷


Internet Explorer 를 제외한 모든 브라우저는 최신 버전을 사용했습니다.

최신 브라우저의 사용을 생활화합시다.



스킨 라이센스

스킨 구매 방법 (링크)

최근 댓글