[square second] 스킨 옵션 적용 방법과 미리보기
square second 스킨에는 몇 가지 스킨 옵션이 있습니다. 특정 문구만 추가하면 바로 사용할 수 있구요. 어떤 기능들을 어떻게 사용하고, 어떻게 표시되는지 알아보겠습니다. 1. 사이드바 고정 에 class="sidebar-fixed" 를 추가하면 square 스킨처럼 사이드바를 고정시킬 수 있습니다. square 스킨 에서는 사이드바의 스크롤이 끝나면 본문이 스크롤 되었었는데요, square second 스킨에선 사이드바 따로, 본문 따로 스크롤 됩니다. (사이드바 스크롤이 끝났다 해서 본문이 스크롤 되지 않습니다) 사용법 2. 우측 사이드바 에 class="sidebar-right" 를 추가하면 사이드바가 우측으로 이동하고 본문 레이어 또한 우측에 붙게됩니다. 사용법 3. 사이드바 숨기기 에 c..
티스토리/ramiel 2016. 1. 1. 21:42[simple gray 4.0] 서브타이틀 수정법
붉게 표시한 부분의 수정법입니다. 관련 질문이 들어오면 이 글에 내용 추가 또는 새 글 작성을 하겠습니다. 4.0의 서브타이틀을 3.0 처럼 돌리는 방법 4.0으로 버전업 되며 서브타이틀의 디자인이 조금 바뀌었습니다. 회색 배경이 적용되고, 스킨위자드에서 블로그 배경색과 동일하게 변경됩니다. 이 서브타이틀을 3.0처럼 글자만 나오게 변경해보겠습니다. style.css 파일에서 #header .desc 를 검색하거나 79번째 줄에 다음 소스가 있습니다. #header .desc { position: relative; display: inline-block; margin: 20px auto 0; padding: 8px 15px 10px; letter-spacing: 1px; } #header .desc a ..
티스토리/simple gray 2015. 12. 26. 12:10[simple gray 4.0] 스킨 부가기능 소개 및 사용법
※ 이 가이드는 simple gray 스킨 전용입니다. 다른 스킨에는 적용되지 않습니다. simple gray 스킨이 4.0 으로 업그레이드 되면서 몇가지 기능이 추가되거나 제거됐습니다. 어떤게 추가됐나 한번 볼까요? 1단 블로그로 변신 에 sidebar-off 를 추가하면 블로그가 1단으로 변신합니다. 사이드바는 사라지는게 아니라 모바일에서와 같이 변합니다. 이렇게 사용하세요. ※ 띄어쓰기에 주의하세요. 카테고리의 "분류 전체보기" 없애기 에 hide-total-category 를 추가하면 "분류 전체보기" 만 쏙 사라집니다. 방법은 위와 동일합니다. 손쉬운 사용자 설정 3.0이전에선 사이드바와 본문 위치를 바꾸거나, 본문 크기를 조절할 때 방법이 복잡했습니다. 4.0으로 넘어오면서 좀 더 수정하기 쉽..
티스토리/simple gray 2015. 12. 21. 00:18[simple gray 4.0] 배경 설정 방법
※ 이 가이드는 simple gray 스킨 전용입니다. 다른 스킨에는 적용되지 않습니다. 스킨 위자드로 배경 설정하는 방법과 배경 설정 시 필요한 추가 CSS 수정법에 대해 적어보겠습니다. ※ 배경 설정 관련 추가 질문이 들어오면 이 글에 덧붙이겠습니다. 스킨 위자드 설정 전 알아야 하는 정보 이 캡쳐는 simple gray 4.0의 기본 타이틀입니다. 이 부분을 봐주시겠어요? 표시된 타이틀과 서브타이틀은 스킨위자드로 설정할 때 색이 같이 바뀝니다. 만약 타이틀을 흰색으로 지정한다면 그 밑에 서브타이틀도 흰색으로 표시됩니다. 단, 서브타이틀은 투명도가 설정돼있어 타이틀보다 글자가 조금 연하게 나옵니다. 다음으로 알아야 할 부분은 이 부분입니다. 서브 타이틀의 배경인데요, 기본값은 #222 이지만 스킨 위..
티스토리/simple gray 2015. 12. 20. 23:57[square] 본문 위 태그 목록, 본문 아래로 옮기기
찾는 분들이 좀 있어 따로 작성합니다. 현재 square 스킨은 글 작성시 입력한 태그가 본문 상단에 나옵니다. 이걸 본문 하단으로 옮기고, 그에 맞게 스킨을 수정하는 방법을 알려드리겠습니다. ※ 스킨 편집 전 백업은 기본이자 필수입니다. skin.html 파일 편집 태그와 본문의 위치를 바꾸기 위해 skin.html 파일을 수정해야합니다. 188번째 줄 부터 197번째 줄에 다음 소스가 있습니다. ※ #은 하나씩 더 들어가야 합니다. [#_tag_label_rep_#] [#_article_rep_desc_#] ※ #은 하나씩 더 들어가야 합니다. .tag_label 과 .article 의 위치를 바꿔주세요. 다음 소스처럼요. ※ #은 하나씩 더 들어가야 합니다. [#_article_rep_desc_#]..
티스토리/square 2015. 12. 15. 13:20