티스토리 치환자 (2) 썸네일형 리스트형 티스토리 스킨제작기 (5) - 헤더(HEADER) 구조 구체화시키기 안녕하세요. 지난 시간에 우리는 티스토리 스킨가이드를 참고하여 기초적인 HTML 구조를 만들고, 시멘틱 태그를 적용하는 과정까지 진행했었죠? 오늘은 지난 시간에 이어, 스킨 구조를 좀더 구체화하도록 하겠습니다. 티스토리 반응형스킨 제작기 지난 이야기 티스토리 스킨제작기 (1) - 개발환경 구축하기 (웹개발도구 Brackets 이용)티스토리 스킨제작기 (2) - 레이아웃 잡기티스토리 스킨제작기 (3) - 레이아웃 만들기티스토리 스킨제작기 (4) - 티스토리 스킨 레이아웃 구성하기티스토리 스킨은 앞서도 말씀드렸듯이, skin.html 이라는 하나의 페이지에 여러 기능페이지를 모두 담아야하는 특징이 있죠. 즉, 포스팅 리스트도 skin.html에서, 위치로그도 skin.html에서, 방명록, 태그, 검색결과리.. 티스토리 스킨제작기 (4) - 티스토리 스킨 레이아웃 구성하기 벌써 티스토리 반응형스킨 제작기 시리즈의 네번째 포스팅이네요. 시리즈명 앞에 "좌충우돌"이라는 단어를 붙여야 할까봐요. ㅋㅋ 지난 시간에 HTML과 CSS로 처음에 우리가 디자인한 레이아웃을 만들어봤는데요. 일반적인 홈페이지를 만들땐, 이렇게 Brackets 프로그램이나 기타 웹디자인 프로그램으로 레이아웃을 짜나가면 되는데, 티스토리는 조금 어려운 점이 있더군요. 그 이유는 바로 티스토리에서 제공하는 치환자 때문인데요. 의 형태로 구성된, 티스토리에서 제공하는 변수 같은거라고 이해하시면 되요. 암튼, 이 치환자라는 녀석 때문에, 그리고 하나의 HTML파일에 모든 페이지를 구성해야한다는 특이성때문에 티스토리 스킨을 만드는 작업은 블로그 관리자 페이지의 HTML/CSS 편집 기능을 이용해야 되겠더라구요. 그.. 이전 1 다음
