square second
스킨 특징
반응형 웹
- 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 를 제외한 모든 브라우저는 최신 버전을 사용했습니다.
최신 브라우저의 사용을 생활화합시다.