[Gabriel 4.0] 카테고리 별 목록 디자인 변경
데모 블로그를 보면 아시겠지만 Gabriel 스킨은 4가지 목록 디자인과 3가지 사이드바 조절이 있습니다. 목록 디자인은 - 웹진 (기본) - 앨범 - 텍스트 - 썸네일 이 있고, 사이드바는 - 사이드바 우측 (기본) - 사이드바 좌측 - 사이드바 제거 가 있습니다. 이 기능들은 블로그 전체에 동시 적용 가능하지만 특정 카테고리에서도 사용 가능합니다. 예를들어 "스킨 테스트" 라는 카테고리의 목록을 썸네일로 바꾸고 사이드바를 제거하고 싶다면 if(list=="스킨 테스트") { root.className += ' list-thumb sidebar-off'; } 만 추가하면 됩니다. 이제 저 소스가 어디 있는지, 어떻게 수정하는지 알려드리겠습니다. skin.html 149 ~ 159번째 줄을 보면 다음 소..
티스토리/gabriel 2016. 6. 25. 18:09[Gabriel 4.0] 티에디션 설정하기
4.0 으로 업그레이드 하면서 티에디션을 다시 한번 손봤습니다. 기존의 3.0 버전은 티에디션의 기본 기능을 강제로 제거하고, 디자인을 추가한 방법이라면 4.0 부턴 티에디션의 기본 기능을 최대한 살리고 디자인만 손보는 쪽으로 바꿨습니다. 티에디션 활성화 방법은 다들 아시리라 믿고 바로 설정법을 알려드리겠습니다. ※ 슬라이더가 꺼져있다는 가정 하에 작성되는 가이드입니다. 티에디션 설정 티에디션을 활성화 하시고 기존에 있는 내용을 모두 지우신 후 위 스크린샷과 같이 만들어주세요. 너비보정을 눌러 너비를 최대한으로 늘려주세요. 일정 너비가 되면 너비가 자동으로 꽉차게 맞춰집니다. 아이템 > 목록형 에서 위 스크린샷의 아이템을 선택해주세요. 스타일은 자동으로 잡힙니다. 디자인에서 타이틀을 활성화하시고 타이틀을..
티스토리/gabriel 2016. 6. 25. 17:59[Gabriel 4.0] 슬라이더 설정 방법
Gabriel 스킨이 4.0 으로 업그레이드 되면서 티에디션 부분이 전부 수정되었습니다. 그 중 슬라이더는 티에디션에서 빠져나오게 됐죠. 슬라이더를 추가하려면 수동으로 소스를 넣어야합니다. 이 글을 천천히 잘 보고 따라해주세요 ! skin.html 38번째 줄 부터 75번째 줄 까지 다음 소스가 있습니다. var slider = true; // true / false var data = { sliderList: [ { type: "type1", title: "슬라이더 type1", desc: "동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세.", url: "#", image: "http://cfile5.uf.tistory.com/i..
티스토리/gabriel 2016. 6. 25. 16:33[stamp 3.0] 애드센스를 사용하지 않을 경우 해야 할 수정
stamp 3.0 부터 skin.html 파일에 애드센스 코드가 미리 입력돼있습니다. 애드센스를 사용하는 분들이라면 광고 단위 정보만 추가해서 사용하면 되는데, 사용하지 않는 분들은 본문 상단과 하단에 애드센스 광고 크기 만큼의 여백이 생기게됩니다. 이번 가이드는 애드센스를 사용하지 않는 분들을 위해 관련 코드의 제거 방법을 알려드리겠습니다. skin.html 파일 편집 201 ~ 211번째 줄을 보면 다음 소스가 있습니다. 통채로 제거해주세요. 그 밑을 보면 이 소스가 있습니다. 마찬가지로 지워주세요. style.css 파일 편집 ※ 이 부분은 그냥 놔둬도 상관없습니다. * adsense 를 검색하면 다음 소스가 나옵니다. /* * adsense */ #content .adsense_top { marg..
티스토리/stamp 2016. 1. 6. 02:35[stamp 3.0] 새로 추가된 스킨위자드 기능 안내
stamp 스킨이 3.0으로 버전업 되면서 스킨위자드에 새로운 기능이 추가됐습니다. 사이드바 크기를 조절하는 기능인데요, 스킨에 적용된 기능은 사이드바 크기를 조절하지만, 스킨위자드에서 설정하려면 글영역 넓이를 수정해야합니다. 넓이는 적용값 - 80 입니다. 즉 스킨위자드에서 글영역 넓이를 400으로 지정하면 실제 적용 사이드바 넓이는 320이 됩니다. (450 설정 시 370, 500 설정 시 420) 최소 넓이인 320px 을 맞추기 위해 이렇게 설정했습니다. 설정 시 발생하는 오류 스킨위자드에서 넓이 변경시 본문 크기가 줄어드는 버그가 있습니다. 이는 스킨위자드 에서만 발생하는 오류이며 실제 블로그엔 아무런 영향이 없으니 걱정 안하셔도 됩니다. :) 질문 답변 Q. 사이드바 크기를 늘리면 모바일에서..
티스토리/stamp 2016. 1. 4. 13:54