'section 6'에 해당되는 글 2건

Section 7 - 티스토리 반응형 스킨 만들기 - sidebar element 넌 또 뭐야?

저번 섹션에선 사이드바에 대한 개념 및 영역 지정 방법을 알아봤습니다.이제 우리는 사이드바 영역을 지정했으니 그 안에 모듈을 하나하나 채워나가면 되는 것이죠.우선 간단하게 매번 반복하는 치환자 없이 간단한 배너나 안내글을 html 코드를 이용하여 사이드바 영역에 고정시키는 모듈을 만들어보겠습니다. STEP 1. SIDEBAR element 영역 지정사이드바 영역 지정은 이지만 사이드바 안에 들어가는 모듈들의 영역 지정은 라는 태그를 사용해야 합니다. 말 그대로 사이드바 요소라는 거죵~ 그럼 복습!! 티스토리 치환자가 돌아가는 영역 지정은 사이드바는 사이드바 모듈은 s_ 이게 핵심인듯하네요.구조는 사이드바 모듈 영역 테스트 module one 우선 위처럼 따라 만들어 봅시다. 그 후 관리자 -> 꾸미기 -..

티스토리 스킨만들기/Tistory One | 2017. 9. 28. 18:53

Section 6 - 티스토리 반응형 스킨 만들기 - sidebar 넌 누구냐?

저번 section 5에서는 헤더를 만들었고, 이번에는 sidebar를 만듭니다.그리고 footer까지 완성하면 앞으로 포스트를 담을 그릇이 어느정도 완성이 되는 것이지요. ㅡ/,.ㅡ;; 이번 sidebar는 다른 영역과 다르게 블로그의 글 관련된 정보들을 모아서 보여주는 기능이 들어가므로 많은 티스토리 치환자가 들어가게 됩니다.사이드바 영역에 들어가는 예 : 공지사항, 최근에 올라온 글, 최근에 달린 댓글, 링크, 달력, 태그 클라우드, 글 보관함, 방문자 카운트, 배너 등등 우리가 넣고 싶은것들 모두다 ㅡ/.,ㅡ;;그렇다고 한번에 다 입력하는 것이 아닌 필요한 모듈에 따라 치환자가 달라지므로 부담을 가질 필요는 없습니다.본격적으로 사이드바 작업을 시작하기전에 기초적인 이해를 먼저하고 프론트엔드 작업을..

티스토리 스킨만들기/Tistory One | 2017. 9. 28. 17:35