[Gabriel 4.x] 수정 기록
2016-08-18 4.1 → 4.2 특정 태그의 글만 모아볼 수 있는 domain.com/tag/name 페이지의 레이아웃이 깨지는 문제 해결 태그 목록, 지역로그(위치로그) 목록에서 사이드바 숨김 처리 2016-08-06 4.0 → 4.1 기존 sidebar-off, sidebar-left 기능은 목록(글, 태그, 공지, 보관함, 위치로그, 검색)에서만 적용되도록 수정되었고 본문(글, 공지)을 위한 article-sidebar-off, article-sidebar-left 기능 추가. 스킨 좌측 상단의 블로그 이름 불러오는 텍스트의 두께 변경 (600 → 500) 메인 티에디션 중 타이틀 부분의 글씨체가 블로그 기본 글씨체와 다른 현상 해결 블로그 로딩 효과의 두께 조절 (3px → 2px) 블로그 ..
티스토리/gabriel 2016. 8. 6. 12:54[gabriel] 2.0에 있던 상단 검색바를 3.0에 다는 방법
※ 이 가이드는 gabriel 스킨 전용입니다. 다른 스킨에는 적용되지 않습니다. Gabriel 스킨은 2.0 이던 시절엔 상단 메뉴 위쪽에 검색창이 있었습니다. 3.0 으로 패치되면서 없어졌는데요, 간단하게 다시 추가하는 방법을 소개합니다. ski.html 파일 편집 43번째 줄에 가 끝나는걸 알리는 가 있습니다. 그 바로 다음줄에 아래 소스를 추가해주세요. style.css 파일 편집 60번째 줄에 다음 소스가 있습니다. .header-wrap .nav ul li a:active { background-color: #fefefe; } 이 바로 다음줄에 아래 소스를 추가해주세요. .header-wrap .search-bar { position: absolute; top: -70px; right: 0; ..
티스토리/gabriel 2015. 10. 14. 19:42[gabriel] 블로그 배경 색상 변경 방법
Gabriel 3.0 이후 전체적인 코드가 바뀜과 동시에 블로그 색상을 변경하는 곳도 조금 바뀌었습니다. 총 다섯 군데의 배경색을 수정할 수 있습니다. (글자색 수정은 따로 작성하지 않겠습니다) 자 이제, 차근차근 알아볼까요? #1 헤더 배경색 변경 style.css 파일의 47번째 줄에 있는 #header { position: relative; padding: 130px 0 80px; background-color: #fff; } background-color: #fff;를 변경하면 됩니다. #2 타이틀바 배경색 변경 style.css 파일의 64번째 줄에 있는 .container-title { position: relative; padding: 60px 0 50px; color: #ddd; text-..
티스토리/gabriel 2015. 10. 13. 19:30[gabriel] 티에디션 슬라이더 설명 및 질문/답변
티에디션 기초 설정법은 http://wallel.com/223 이 글을 읽어주세요. 현재 티에디션에 사용되는 슬라이더는 Owl Carousel이라는 jQuery 플러그인을 사용하고있습니다. (MIT License) 모바일도 완벽 지원하고, 구버전 IE도 지원하기에 선택했는데요. 이 플러그인은 가벼운데다 기능도 매우 뛰어나고 거기다 수정마저 쉽습니다! (세상에!) 기본 기능은 공식 홈페이지를 가보시면 아주 이해하기 쉽게 데모 페이지들과 그 소스 예제가 존재합니다. (단 직접 수정할 경우 제가 짜놓은 소스 때문에 꼬일 수 있습니다) 이번에 작성할 가이드는 Gabriel 3.0 에서 사용중인 슬라이더의 소스 설명과 질문/답변입니다. style.css #owl-slider { margin-bottom: 30px..
티스토리/gabriel 2015. 10. 13. 16:15[gabriel] 사진 두 개, 세 개 동시에 배치하기
※ 이 가이드는 gabriel 스킨 전용입니다. 다른 스킨에는 적용되지 않습니다. 티스토리 에디터에는 사진을 첨부할 때 사진을 가로로 두 개, 세 개 동시에 넣을 수 있습니다. 하지만 이게 테이블 소스를 사용하는데 특정 class 를 추가하지 않으면 틀이 깨집니다. 우선 이렇게 사진을 첨부하고, HTML 편집 모드로 들어갑니다. 추가된 테이블 소스에 class="dual" 을 추가하면 됩니다. 만약 세 개를 넣는다면 class="dual" 이 아닌 class="triple" 을 넣으면 됩니다.
티스토리/gabriel 2015. 10. 12. 20:15