2020. 3. 3.

티스토리 관리/티스토리 스킨 만들기2020. 3. 3.

티스토리 스킨 만들기 #9 태그 클라우드

태그 클라우드 티스토리 포스팅 할때 태그를 사용하는 경우가 있을 것이다. 태그 클라우드란, 내 블로그에서 사용된 모든 태그를 모아서 보여주는 것으로 태그 클릭의 빈번(?)함을 5등급화 하여 인기있는 태그가 무었인지도 확인 가능하게 해준다. 치환자 태그 영역 치환자 목록이다. 태그 클라우드 그룹치환자 개별 태그 그룹치환자 태그 URL 값치환자 태그 등급 값치환자 태그 이름 값치환자 html 작성 Tags

2020. 3. 2.

티스토리 관리/티스토리 스킨 만들기2020. 3. 2.

티스토리 스킨 만들기 #8 헤더 만들기 (2)

헤더 만들기 (2) 지난 시간에는 2020/02/28 - [티스토리 관리/티스토리 스킨 만들기] - 티스토리 스킨 만들기 #7 헤더 만들기 (1) 불러오는 중입니다... 헤더 영역의 html을 작성해 보았다. 오늘은 지난 시간에 이어 css를 작성해보려한다. css 작성 우선 기본파일생성시에 만들었던 css는 전부 삭제하고시작하도록하겠다. ( 임의의 레이아웃을 표현하기위해 작성해둔 것이었으므로 전체삭제해도 무방 ) 일단, 헤더뿐 아니라 전체 영역을 포괄해줄 기본 코드부터 작성 @charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap'); * { font-family: 'Noto Sans K..

2020. 2. 28.

티스토리 관리/티스토리 스킨 만들기2020. 2. 28.

티스토리 스킨 만들기 #7 헤더 만들기 (1)

헤더 만들기 오늘은 헤더부분을 만들어 보려고한다. 보통 웹페이지에서 헤더부분은 웹의 타이틀, 네비게이션 등을 포함하고 있다. 나는 블로그 타이틀과 검색기능, 그리고 태그모음, 방명록 바로가기를 넣을 예정이다. 치환자 우선 치환자 부터 알아보자. 지난 기본파일 만들기 2020/02/20 - [티스토리 관리/티스토리 스킨 만들기] - 티스토리 스킨 만들기 #5 기본 파일 작성 (2) 티스토리 스킨 만들기 #5 기본 파일 작성 (2) 지난 시간에는 필수 파일중 index.xml 파일을 만들어보았다. 이번 시간에는 기본적인 skin.html 파일을 만들어 볼까 한다. 기본작성을 끝내고 마지막에 사용된 치환자에 대해 설명하도록하겠다. skin.html shalchoong.tistory.com 에서 마지막 부분에 ..

2020. 2. 21.

티스토리 관리/티스토리 스킨 만들기2020. 2. 21.

티스토리 스킨 만들기 #6 기본 파일 작성 (3) 과 스킨 upload

이번 시간에는 기본 css를 작성해보겠다. 지난시간에 만들어둔 html에 연결되는 디자인 속성 파일로서 html요소의 배치, 꾸미기 등을 할수있다. style.css @charset "utf-8"; * { padding: 0; margin: 0; } #container { max-width: 1920px; padding: 10px; margin: auto; } header { width: 100%; height: 80px; box-sizing: border-box; border: 1px solid #000; } section { width: 100%; box-sizing: border-box; border: 1px solid #000; padding: 10px; } section > * { width: ..

2020. 2. 20.

티스토리 관리/티스토리 스킨 만들기2020. 2. 20.

티스토리 스킨 만들기 #5 기본 파일 작성 (2)

지난 시간에는 필수 파일중 index.xml 파일을 만들어보았다. 이번 시간에는 기본적인 skin.html 파일을 만들어 볼까 한다. 기본작성을 끝내고 마지막에 사용된 치환자에 대해 설명하도록하겠다. skin.html html의 head 영역이다. 화면에 직접적으로 표시되는건 아니지만 각종 정보, 파일연결등을 담고있다. meta 태그는 이문서의 기본 정보들을 만들어주는 태그이고, link 태그는 외부파일 연결 ex) css파일, script 태그는 js파일 연결할 때 쓴다. 블로그제목 블로그메뉴 사이드바 태그 클라우드 방명록 방명록 글쓰기 방명록 리스트 글 글 제목 | 카테고리 | 작성일 | 글 관리 글 태그&소셜 관련글 댓글수 댓글 댓글 리스트 댓글 쓰기 페이지 공지사항 글 보호 글 커버 html의 b..