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

[stamp 3.0] 스킨 옵션 설정 방법과 미리보기


앨범형 목록 <html class="list-masonry">


stamp 스킨이 3.0으로 버전업 되면서 목록이 두 가지로 굳었습니다.


기본인 웹진 형식과, 앨범형 목록입니다.


앨범형 목록은 imagesloaded 라는 플러그인이 우선 실행되어 썸네일 로딩을 기다립니다. (Safari 브라우저 버그로 인해 추가 : 윤민호님 제보 감사합니다)

썸네일 로딩이 완료되면 Masonry 라는 플러그인이 사용되어 자동 정렬되며, 가로 최대 개수는 3개입니다.


※ 블로그 초기 화면은 앨범으로 나오고, 가장 최근 작성한 글이 두 칸을 차지합니다.


list-masonry앨범형 목록


사용법

<!DOCTYPE html>
<html lang="ko" class="no-js list-masonry">



좌측 사이드바 <html class="sidebar-left">

본문 우측에 있는 사이드바를 좌측으로 옮길 수 있습니다.


옵션 적용 시 모바일에서도 사이드바가 좌측에서 나옵니다.


sidebar-left좌측으로 이동한 사이드바


사용법

<!DOCTYPE html>
<html lang="ko" class="no-js sidebar-left">



새 글 작성시 나오는 N 글자 변경

티스토리는 새 글 작성시 사이드바 카테고리 위젯에 NEW 아이콘이 나타납니다.


아이콘은 확장성이 떨어지기에 stamp 3.0 부터 아이콘 대신 텍스트를 출력하게 했습니다.


이 텍스트는 원하는 문구 및 색상을 설정할 수 있는데요, skin.html 파일 제일 하단을 보면 다음 소스가 있습니다.


var new_text = "N"
var new_text_color = "#09a";


var new_text 는 새 글 작성시 출력하는 텍스트이고,

var new_text_color 는 글자 색상입니다.


원하는 문구 와 색상을 적용해 사용하면 됩니다.