'티스토리 스킨만들기/Tistory One'에 해당되는 글 44건
Section 3-2 - 반응형 티스토리 스킨 만들기 - fontawesome 티스토리 적용
아이콘을 하나하나 만들기 힘드니 레이아웃 잡기 전에 font-awesome.css를 사용할 수 있게 준비하겠습니다. 포스트 제일 하단에 파일을 함께 올려뒀습니다. STEP 1. 폰트어썸(font-awesome) 파일 다운로드 우선 폰트 어썸 파일을 다운받습니다. http://fontawesome.io/get-started/ 다운로드 받은 후 폴더 목록을 살펴보면 아래와 같습니다. 필요한 파일은 CSS와 fonts폴더안의 font들입니다. STEP 2. font-awesome.min.css 파일 수정 우선 css 폴더안의 font-awesome.min.css 파일을 수정합니다. font-awesome.css 는 font-awesome fonts를 사용하기 때문에 해당경로를 css와 같은 경로에 위치시키기 ..
티스토리 스킨만들기/Tistory One | 2017. 9. 3. 16:38
Section 3-1 - 반응형 티스토리 스킨 만들기 - 파일 준비
밥 먹고 노느라..디자인 구상을 못 했다. 그래도 진행!! 우선 아래와 같은 디자인의 블로그를 만들것이다. 심플하다. 이게 무슨 디자인이냐 그러겠지만...본인은 큰 틀만 잡고 나머지 세부 디자인은 그 때 그 때 생각해서 반영하도록 하겠다. 우선 skin.html 파일을 작성하겠다. 01. 블로그 제목 02. 블로그 메뉴 11. 검색 결과 리스트 12. 검색 결과 댓글 리스트 13. 위치 로그 14. 태그 클라우드 15. 방명록 15-1. 방명록 글쓰기 15-2. 방명록 리스트 16. 공지사항 글 17. 보호 글 18. 글 18-1. 글 제목 | 카테고리 | 작성일 | 글 관리 18-2. 글 18-3. 글 관련 태그 18-4. 트랙백 | 댓글 18-5. 트랙백 18-6. 댓글 18-6-1. 댓글 리스트 1..
티스토리 스킨만들기/Tistory One | 2017. 9. 1. 23:58
Section 2 - 반응형 티스토리 스킨 만들기 - 훑어보기
시간낭비는 그만하고 이제 본격적으로 작업해보자. ※ 참고로 "반응형 티스토리 스킨 만들기"는 개인적으로 티스토리 스킨을 만드는 방법을 습득함과 동시에 제작을 하는 것이므로 쓰잘때기 없는 지면 낭비와 잘못된 정보가 넘쳐 날 수 있음을 미리 알려드립니다. http://www.tistory.com/guide/skin/step0 - 티스토리 스킨 가이드 문서 참고 우선 본인도 모르기 때문에 티스토리 스킨 가이드 문서를 참고하여 작업을 시작한다. 스킨 제작 순서 디자인 구상하기 스킨 구조 만들기 치환자 활용하기 디자인 적용하기 스킨위자드 적용하기 - 간단한 설명 - 1. 디자인 구상하기 디자인이 없는데 스킨을 어떻게 만들어야 할지 감도 못 잡을 것이다. 그러므로 우선 내가 만들고 싶은 스킨 디자인을 먼저 구상하는..
티스토리 스킨만들기/Tistory One | 2017. 9. 1. 15:48
RECENT COMMENT