[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[gabriel] Gabriel 스킨에서 사용하면 유용한 태그
※ 이 가이드는 gabriel 스킨 전용입니다. 다른 스킨에는 적용되지 않습니다. h3 태그를 사용하여 본문에 제목 효과를 줄 수 있습니다. 제목 제목 제목 제목 이렇게 사용하면 됩니다. 단 제목가 아닌 그낭 제목 만 사용해야 합니다. Fieldset fieldset 태그를 사용할 수 있습니다. 제목 내용 이렇게 사용하면 됩니다. 이것 또한 로 감싸지지 않게 주의하세요. PRE, CODE 코드를 강조하거나 소스 코드를 넣을 때 사용하시면 좋습니다. img { max-width: 100%; border: 0; } fieldset { padding: 2%; border: 1px solid #ddd; } sup, sub { height: 0; font-size: 12px; line-height: 0; } if..
티스토리/gabriel 2015. 10. 12. 19:59