[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[simple gray 3.0] 사이드바, 본문 위치 바꾸기
※ 이 가이드는 simple gray 스킨 전용입니다. 다른 스킨에는 적용되지 않습니다. simple gray 스킨의 사이드바와 본문 위치를 바꾸는 방법입니다. 아주 간단하게, 단 두 줄의 소스 추가로 위치를 바꿀 수 있습니다. 관리자 > HTML/CSS 편집 페이지를 열면 다음 부분이 있습니다. @charset "utf-8"; 과 /* * 스킨 위자드 (지우지마세요.) */ 사이에 #content { float: right; } #sidebar { float: left; } 이 소스만 추가하면 됩니다. 이렇게 하면 기존의 [ 본문 좌측, 사이드바 우측 ] 이 [ 본문 우측, 사이드바 좌측 ] 으로 변합니다.
티스토리/simple gray 2015. 12. 3. 17:49[simple gray 3.0] 본문 상/하단에 구글 애드센스 넣기
※ 이 가이드는 simple gray 스킨 전용입니다. 다른 스킨에는 적용되지 않습니다. 티스토리에서 본문에 애드센스를 추가해주는 플러그인이 있지만, 반응형을 지원하지 않습니다. (왜 못하게 해놓은걸까요?) 이 글에선 간단한 편집으로 애드센스 추가 방법을 다루려고 합니다. 제목에서 본문 상/하단이라고는 했지만 실제 광고가 들어가는 부분은 다음과 같습니다. 플러그인을 사용해 광고를 넣으면 공감버튼과 CCL 아이콘 사이에 애드센스 광고가 추가되는데, 그렇게 넣기 위해선 jQuery 를 사용해야 하기에 설명을 다음 기회로 잠시 미뤄두겠습니다. 본론으로 돌아와, skin.html 파일의 129 ~ 131번째 줄을 보면 다음 소스가 있습니다. [#_article_rep_desc_#] 아래 처럼 div 를 추가해주..
티스토리/simple gray 2015. 11. 30. 17:36[simple gray 3.0] 블로그 가로 길이 변경 방법
※ 이 가이드는 simple gray 스킨 전용입니다. 다른 스킨에는 적용되지 않습니다. 현재 Simple Gray 3.0은 가로 길이가 다음과 같이 되어있습니다. 1. 총 가로길이 : 1000px 2. 본문 가로길이 : 780px 3. 사이드바 가로길이 : 200px #. 본문과 사이드바 사이 여백 : (총 가로길이) - (본문 + 사이드바) = 20px 크기를 조절하는 방법은 사람에 따라 여러 가지 방법이 있겠지만 저는 두 가지를 적어봅니다. 본문 크기 줄이고 사이드바 크기 늘리기 본문 크기를 700으로 줄이고, 사이드바 크기를 280으로 만들어 보겠습니다. #1. 본문 크기 줄이기 images 폴더 안을 보면 simplegray.css 파일이 있습니다. 그 파일을 편집기로 열고 79번째 줄에 있는 ..
티스토리/simple gray 2015. 10. 13. 20:56