Square - 티스토리 스킨 무료 배포

2015. 7. 28. 23:40, 티스토리/square, wallel

스킨 특징

반응형 웹

블로그 하단 최근 게시물 (4개)

지원하는 사이드바 위젯
- 블로그 메뉴
- 카테고리
- 공지사항
- 최근 댓글
- 링크
- 카운터
- 검색

추가 옵션
<html> 에 class="sidebar-off" 를 넣으면 데스크탑에서도 사이드바가 숨겨지고 본문이 중앙정렬 됩니다.
<html> 에 class="recent-post-long" 를 넣으면 블로그 하단 최근 게시물의 이미지 높이가 조금 더 높아집니다.
분류 전체보기 숨기기
사이드바 위젯 타이틀 숨기기
게시글 작성일에 시간 표시 제거 (2016.04.23 21:50 → 2016.04.23)

단축키
- W : 글쓰기
- R : 유입 경로
- H : 블로그 처음으로 이동

IE8 이하 지원 안함

다운로드

square final 1.0.2.zip

마지막 버전 : final 1.0.2

마지막 배포 : 2016.08.16

최초 배포 : 2015.07.28

패치 관련 기록은 본문 하단에서 확인 가능합니다.

스킨 라이센스 안내

라이센스를 읽지 않아 발생하는 피해는 책임지지 않습니다. 반드시 읽어주세요.

스킨 가이드 모음

다운받은 티스토리 스킨 적용 방법 (아 진짜 좀 읽어주세요 제발)

알림

최종버전입니다. 더이상의 기능 추가/개선/제거 패치는 하지 않고, 버그 패치만 진행합니다.

final 버전 가이드는 차차 추가할 예정이고, 2.x 대 이하 가이드 글에는 댓글을 입력할 수 없게 했습니다.

~~앞으로 구버전 스킨의 질문은 받지 않겠습니다~~

스킨 수정 질문 받지 않습니다.

이전 버전을 사용해서 문제될 것은 없으나, 좀 더 나은 final 버전을 사용해주셨으면 합니다.

감사합니다.

패치 내용

1.0.2 패치

이전 댓글 더 보기 버튼이 눌리지 않는 오류가 있다고 하여 의심되는 부분의 스크립트 처리 방식을 바꿔봤습니다.

images 폴더 내의 common.js 파일만 덮어씌워주세요.

덮어씌우신 후 브라우저 캐시를 지워주세요.

1.0.1 패치

티스토리의 이상한 신고 기능 업데이트로 날짜에서 "시간" 부분을 자르는 기능을 제거했습니다.

기존 사용자 분들은 다음 부분을 수정해주세요.

skin.html 파일 25 ~ 28번째 줄의 소스 제거 (25번째 줄의 빈 공간 포함)

// 글 읽기 - 작성일 년/월/일 만 표시 : true, false
// 글 목록 또는 카테고리 다른글 더 보기에서 최근 글이 시:분:초 로 나오는건 티스토리 기본 기능입니다.
var dateCut = true

위 소스가 지워졌다는 가정 하에

152번째 줄 ~ 162번째 줄의 소스

				<div class="date">
					<script type="text/javascript">
					var date = "[##_notice_rep_date_##]";
					var datestr = date.substr(0,10);
					if ( dateCut == true ) {
						document.write(datestr);
					} else {
						document.write(date);
					}
					</script>
				</div>

를

<div class="head-date">[##_notice_rep_date_##]</div>

로 교체 후

187번째 ~ 197번째 줄의

				<div class="date">
					<script type="text/javascript">
					var date = "[##_article_rep_date_##]";
					var datestr = date.substr(0,10);
					if ( dateCut == true ) {
						document.write(datestr);
					} else {
						document.write(date);
					}
					</script>
				</div>

를

<div class="head-date">[##_article_rep_date_##]</div>

로 교체 해주세요.

style.css 파일에서

.head .date { position: absolute; bottom: -44px; left: -10px; padding: 11px 10px 9px; font-size: 11px; color: #fff; background-color: #555; cursor: default; }
.head .date:before { position: absolute; top: 0; left: -6px; width: 0; height: 0; content: " "; border-top: 20px solid #555; border-left: 6px solid transparent; }
.head .date:after { position: absolute; bottom: 0; left: -6px; width: 0; height: 0; content: " "; border-bottom: 20px solid #555; border-left: 6px solid transpar

이 소스를

.head .head-date { position: absolute; bottom: -44px; left: -10px; padding: 11px 10px 9px; font-size: 11px; color: #fff; background-color: #555; cursor: default; }
.head .head-date:before { position: absolute; top: 0; left: -6px; width: 0; height: 0; content: " "; border-top: 20px solid #555; border-left: 6px solid transparent; }
.head .head-date:after { position: absolute; bottom: 0; left: -6px; width: 0; height: 0; content: " "; border-bottom: 20px solid #555; border-left: 6px solid transparent; }
.head .head-date a { display: none; }

이렇게 교체해주시고,

마지막으로 common.js 파일을 덮어씌워주시면 됩니다.

스킨이 마음에 드나요? 그렇다면 아래 버튼을 한번만 눌러주세요. :)

저작자표시비영리변경금지

square, 무료 배포, 반응형, 스퀘어, 티스토리, 티스토리 스킨