반응형 웹
블로그 하단 최근 게시물 (4개)
지원하는 사이드바 위젯
- 블로그 메뉴
- 카테고리
- 공지사항
- 최근 댓글
- 링크
- 카운터
- 검색
추가 옵션
<html> 에 class="sidebar-off" 를 넣으면 데스크탑에서도 사이드바가 숨겨지고 본문이 중앙정렬 됩니다.
<html> 에 class="recent-post-long" 를 넣으면 블로그 하단 최근 게시물의 이미지 높이가 조금 더 높아집니다.
분류 전체보기 숨기기
사이드바 위젯 타이틀 숨기기
게시글 작성일에 시간 표시 제거 (2016.04.23 21:50 → 2016.04.23)
단축키
- W : 글쓰기
- R : 유입 경로
- H : 블로그 처음으로 이동
IE8 이하 지원 안함
패치 관련 기록은 본문 하단에서 확인 가능합니다.
라이센스를 읽지 않아 발생하는 피해는 책임지지 않습니다. 반드시 읽어주세요.
최종버전입니다. 더이상의 기능 추가/개선/제거 패치는 하지 않고, 버그 패치만 진행합니다.
final 버전 가이드는 차차 추가할 예정이고, 2.x 대 이하 가이드 글에는 댓글을 입력할 수 없게 했습니다.
이전 버전을 사용해서 문제될 것은 없으나, 좀 더 나은 final 버전을 사용해주셨으면 합니다.
감사합니다.
이전 댓글 더 보기 버튼이 눌리지 않는 오류가 있다고 하여 의심되는 부분의 스크립트 처리 방식을 바꿔봤습니다.
images 폴더 내의 common.js 파일만 덮어씌워주세요.
덮어씌우신 후 브라우저 캐시를 지워주세요.
티스토리의 이상한 신고 기능 업데이트로 날짜에서 "시간" 부분을 자르는 기능을 제거했습니다.
기존 사용자 분들은 다음 부분을 수정해주세요.
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 final 1.0.2.zip