이전 글 보기 티스토리 스킨 만들기 1 - 페이지 구성 만들기 티스토리 스킨 만들기 2 - 페이지 구성 만들기 (HTML5) 티스토리 스킨 만들기 3 - 문서 형식(DOCTYPE) 선언, 문서 언어 및 문자 설정, html, head 요소 작성하기 티스토리 스킨 만들기 4 - 헤더(header) 구성하기 티스토리 스킨 만들기 5 - 본문 구성하기 (1) 지난번에 글 내용이 표시되는 부분을 구성했다. 이번엔 글 내용 아래 표시되는 트랙백, 댓글, 댓글 입력, 페이지 이동 부분을 만들어보자. 트랙백, 댓글, 페이지 번호 부분은 실제 글 내용은 아니지만, 블로그에서 빠지면 안 될 필수 요소들이다. 보통 글 아래에 위치하는 게 일반적이다. 이 부분은 HTML 구조 자체에 큰 차이는 없다. 기본 구조를 사용하면서..

* 이전 글 보기 티스토리 스킨 만들기 1 - 페이지 구성 만들기 티스토리 스킨 만들기 2 - 페이지 구성 만들기 (HTML5) 티스토리 스킨 만들기 3 - 문서 형식(DOCTYPE) 선언, 문서 언어 및 문자 설정, html, head 요소 작성하기 티스토리 스킨 만들기 4 - 헤더(header) 구성하기 드디어 블로그 스킨의 가장 중심이 되는 본문이다. 본문은 크게 실제 글이 들어가는 부분(article)과 글 내용 외의 댓글, 엮인글(트랙백), 태그, 광고 등이 포함되는 나머지 부분으로 나눌 수 있다. 또 티스토리에서 제공하는 태그, 위치 로그, 미디어 로그, 방명록 등의 구성 역시 글 내용 외의 요소에 포함할 수 있다. 일단 가장 중요한 article과 댓글, 엮인글 등을 구성해보자. HTML5에..

* 이전 글 보기 티스토리 스킨 만들기 1 - 페이지 구성 만들기 티스토리 스킨 만들기 2 - 페이지 구성 만들기 (HTML5) 티스토리 스킨 만들기 3 - 문서 형식(DOCTYPE) 선언, 문서 언어 및 문자 설정, html, head 요소 작성하기 앞에서 스킨 뼈대를 만들었으니 이제 실제 내용을 작성할 차례다. 먼저 간단한 헤더 부분부터 시작하자. header는 보통 블로그 이름, 설명, 로고, 블로그 탐색 메뉴 등이 포함되는 부분이다. /'pəlp/ 블로그의 header 부분도 블로그 이름, 설명, 블로그 탐색 메뉴로 구성된다. 블로그 구성에 따라 header를 맨 위에 만들 수도 있고, 블로그 이름과 탐색 메뉴를 웹 페이지 맨 위에 고정할 수도 있다. 또 header를 사이드 바처럼 사이드의 특정..

* 이전 글 보기 티스토리 스킨 만들기 1 - 페이지 구성 만들기 티스토리 스킨 만들기 1 - 페이지 구성 만들기에서는 HTML4와 XHTML까지 사용하던 div 요소로 페이지를 구성했다. 시각적으로 아무런 문제가 없지만, 페이지 구성을 만들기 위한 요소와 기타 세부 구성을 위한 요소가 구별되지 않는다. 또 앞으로 HTML5가 주류를 이룰 것을 생각하면 새 스킨은 HTML4나 XHTML보단 HTML5 구성을 따르는 것이 나을 수 있다. 페이지의 구조적인 구성을 위해 HTML5에선 header, nav, article, aside, footer, hgroup, section 요소가 추가되었다. 앞의 글에서 IE 8 이하에서 HTML5의 section ..

티스토리는 일반 웹페이지와 똑같은 구성으로 스킨을 만들 수 있어서 스킨 만들기에 제한이 없다. 모든 HTML 및 XHTML 요소를 사용할 수 있고 CSS 사용 역시 아무런 문제가 없다. 물론 사용자가 원하면 JavaScript도 사용할 수 있다. 일단 스킨을 만들려면 기본 구성을 선택해야 한다. 네이버나 다른 블로그 서비스 스킨 만들기에서 [페이지 구성] 또는 [페이지 레이아웃]이라는 이름으로 3단, 2단, 1단 등 스킨 구성을 선택하는 것처럼 티스토리 스킨에서 역시 사용자가 이 구성을 정해야 한다. 스킨 만들기의 가장 기본이 되는 페이지 구성을 만들어보자. 페이지 구성은 사용자가 어떤 스타일의 스킨을 원하는가에 따라 바뀐다. 사이드바가 없는 1단 스타일, 왼쪽이나 오른쪽에 사이드바가 있는 2단 스타일,..