'티스토리'에 해당되는 글 47건
SyntaxHighlighter 테마 변경
이전 SyntaxHighlighter 관련 적용 & 사용법을 모두 숙지하였다면 이번에는 SyntaxHighlighter의 Theme Style 종류와 변경 방법에 대해 알아보도록 하겠습니다.혹시 적용법 및 사용법을 아직 모르시면 아래의 포스트를 참고하세요.2017/11/14 - 티스토리 블로그에 Syntaxhighlighter 적용하기2017/11/14 - 티스토리 블로그에 Syntaxhighlighter 사용하기 SyntaxHighlighter Theme는 무엇인가?SyntaxHighlighter 배경과 코드 색상을 하나의 파일로 만들어 CSS만 교체하면 쉽게 바꿀 수 있게 도와주는 파일입니다.SyntaxHighlighter는 언어별 코드를 예쁘게 보여주는 것인데 이왕이면 내가 자주쓰거나 해당 언어의 ..
티스토리 스킨만들기/TIP | 2017. 11. 15. 06:25
티스토리 블로그에 Syntaxhighlighter 사용하기
지난 포스트에서는 Syntaxhighlighter 적용법을 다뤘다면 이번 포스트에서는 사용하는 방법에 대해 다루겠습니다.Syntaxhighlighter 적용을 아직 하지 않았다면 지난 포스트인 2017/11/14 - 티스토리 블로그에 Syntaxhighlighter 적용하기 를 참고하여 먼저 적용하시기 바랍니다. SyntaxHighlighter 가 지원하는 Syntax Brush 목록※ 보다 상세한 내용 확인은 http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/ 에서 확인하시면 됩니다. Brush name Brush aliases File name ActionScript3 as3, actionscript3 shBrushAS3.js Bash/shell..
티스토리 스킨만들기/TIP | 2017. 11. 14. 22:53
티스토리 블로그에 Syntaxhighlighter 적용하기
복잡한소스나 긴 소스라면 내가 짜둔 코드라도 보기가 힘들때가 많다. 심지어 다른 사람에게 소스를 쉽게 설명해야하는데 하얀여백에 검은 코드들이 빽빽하게만 쓰여있다면?설명하는 사람이나 설명을 듣는 사람 또는 시간이 지나 직접 짠 소스를 다시봐도 멘붕이 찾아올것이다.시간이 지나면 어차피 소스를 기억하기도 힘들지만 이왕이면 알아보기 쉽고 예쁘게 보인다면 정말 좋을것이기 때문에 내 소스를 알아보기 쉽고 예쁘게 보여주게 도와주는 Syntaxhighlighhter를 적용하는 방법을 알아보자. 이 포스트는 어차피 티스토리 블로그에서 작성하는 것이므로 티스토리에 적용하는 방법을 기준으로 설명하겠습니다. 그럼 시작~(빠른 포스팅을 위하여 이하 경어 생략) STEP 1. 우선 Syntaxhighlighter 다운로드http..
티스토리 스킨만들기/TIP | 2017. 11. 14. 00:35
Section 20 - 티스토리 반응형 스킨 만들기 - [사이드바] 최근글
이번섹션은 "사이드바 최근글 목록"을 만들도록 하겠습니다.최근글 목록은 말 그대로 최근에 올라온 글 목록을 모듈형태로 노출/비노출 시킬 수 있는 사이드바 요소입니다. 사이드바 요소들의 코드는 간단하기 때문에 코드와 치환자만 살펴보는 것만으로도 얼마든지 응용이 가능하기때문에 바로 작업들어갑니다. STEP 1. skin.html 사이드바 최근글 목록 코드 추가 ... 공지사항 사이드바 코드 생략 ... RECENT POST : 최근에 올라온 글을 반복 출력하는 영역 지정 : 최근글로 이동할 주소 : 최근글의 제목 : 최근글에 달린 댓글 갯수 : 작성자 이름 STEP 2. 사이드바에 최근글 모듈 추가 블로그 관리 -> 꾸미기 -> 사이드바 메뉴 설정"최근에 올라온 글 목록" 코드를 넣으면 사이드바 메뉴에서 모..
티스토리 스킨만들기/Tistory One | 2017. 11. 13. 14:51
Section 19 - 티스토리 반응형 스킨 만들기 - [사이드바] 안내
이번 섹션부터는 "사이드바 요소"입니다.작업할 사이드바 요소는 필수적으로 사용하는 요소들만 만들도록 하겠습니다. 나머지 배너나 광고등 커스터마이징이 필요한 요소들은 과감히 버립니다 ㅡ/.,ㅡ;;작업할 사이드바 요소 목록카테고리 - 작업완료공지사항 목록 - 작업완료커스텀 사이드바 요소 - 작업완료태그 클라우드최신 글 목록최신 댓글 목록글 보관함 목록달력링크 목록방문자 수 이전에 작업했던 카테고리, 사이드바 공지사항 목록, 커스텀 사이드바 요소를 제외한 사이드바 요소를 작업합니다. 이전 사이드바 관련 글은 아래 목록을 참고하세요.2017/09/28 - Section 6 - 티스토리 반응형 스킨 만들기 - sidebar 넌 누구냐?2017/09/28 - Section 7 - 티스토리 반응형 스킨 만들기 - s..
티스토리 스킨만들기/Tistory One | 2017. 11. 7. 02:57
Section 18 - 티스토리 반응형 스킨 만들기 - Footer
이번 섹션은 레이아웃의 완성을 위하여 하단(푸터 / Footer) 부분을 완성하겠습니다. 블로그 하단에는 사이트나 블로그의 기본정보(주소, 저작권, 통신판매시 통신판매업 / 사업자등록번호 등)을 기재하는데 일부 블로그에는 공지사항, 최신글, 최신 댓글 등과 블로그 네비게이션을 넣기도 합니다. 우리는 간단하게 네비게이션과 저작권 정보만을 기재하도록 하겠습니다. STEP 1. skin.html Footer 코드 추가 태그 방명록 관리자 Blog is powered by kakao / Designed by noo9ya 지난 섹션에서 미리 작업해둔 영역의 코드를 위와 같이 수정/추가합니다.태그 / 방명록의 치환자는 상단(header) 작업에서 이미지 숙지하셨습니다. : 관리자 화면으로 이동하는 링크입니다. (우..
티스토리 스킨만들기/Tistory One | 2017. 11. 3. 17:26
Section 17 - 티스토리 반응형 스킨 만들기 - 페이지
이번 섹션은 티스토리의 새로운 기능인 "페이지"를 만들어 보겠습니다. 페이지란?이번 섹션에서 다루는 페이지와 지난 섹션에서 작업했던 "페이지네이션"과는 완전히 다른겁니다. 페이지는 말 그대로 페이지입니다. ㅡ/.,ㅡ;; 쉽게 생각하면 독립된 하나의 화면을 페이지라고 생각하시면 됩니다. 이런 페이지(독립된 화면)을 메뉴로 연결 시키고 레이아웃을 통일시키면 하나의 홈페이지가 완료되는 것입니다. 참고로 티스토리 페이지는 "정적 페이지"입니다.(위지웍에디터에서 입력한 내용을 단순하게 화면에 출력하는 페이지) 페이지를 꼭 만들어야 하나요?페이지는 궂이 페이지 관련 치환자를 넣지 않아도 글 본문(상세) 보기 화면에 출력이 됩니다. 그러니 꼭 만들필요는 없지만 글 본문 상단의 제목과 작성자 등등 정보를 표현 할 필요..
티스토리 스킨만들기/Tistory One | 2017. 11. 2. 23:13
Section 16 - 티스토리 반응형 스킨 만들기 - 페이지네이션
이번 섹션은 페이지네이션 작업을 합니다. 페이지네이션 또는 페이징이라고 하는데 이것은 글이 100개지만 글 목록에 출력되는 갯수는 10개밖에 없으면 나머지 90개의 글을 볼 수 없기 때문에 10개의 글들을 10개의 페이지로 나누어 볼 수 있게 페이지를 나누는데 이 페이지를 이동할 수 있게 하는 네비게이션을 페이지네이션 또는 페이징이라고 합니다. 우리는 명칭을 페이지네이션이라고 통일하겠습니다.페이지네이션은 어디어디 들어가는 것인가? 페이지네이션은 글 목록, 댓글 목록, 방명록 목록같이 수량이 많이 쌓이는 곳에 쓰입니다. 그러므로 skin.html 코드 작업시 content div 제일 하단부에 넣습니다. 하단부말고 상단에 출력되게하고 싶으시면 content div 상단에 넣으시면 됩니다. 간단하죠?그럼 바..
티스토리 스킨만들기/Tistory One | 2017. 10. 31. 18:12
Section 15 - 티스토리 반응형 스킨 만들기 - 태그 클라우드
이번 섹션은 태그 클라우드 페이지를 작업합니다. 태그는 글 작성시에 글에 관련된 태그를 넣는데 이 태그들을 한번에 모아서 볼 수 있는 페이지를 태그 클라우드 페이지라고 합니다. 태그 페이지, 태그 클라우드 페이지, 태그 모음 등등 편하신대로 쓰면 됩니다. 블로그의 성격이나 관심사를 쉽게 알려면 방문한 블로그의 태그 클라우드를 보면 한눈에 파악할 수 있습니다. 태그는 어디에? 태그는 위와 같이 블로그 포스트 하단부에 표시됩니다. 저 태그들이 모두 모인 페이지가 "태그 클라우드 페이지" 입니다. 접속방법※ 태그 페이지로 접속하는 방법은 http://자신의블로그주소/tag 라고 입력하면 접속이 가능합니다. ※ tistory-one 스킨은 우측 상단에 태그 링크를 누르면 이동이 가능합니다. 이번 섹션부터는 소스..
티스토리 스킨만들기/Tistory One | 2017. 10. 31. 15:59
Section 14-3 - 티스토리 반응형 스킨 만들기 - 방명록 목록
지난 섹션에서는 "방명록 글쓰기 폼"을 만들었습니다. 입력 폼을 만들었으니 이번에는 입력된 방명록들을 출력해야 합니다. 출력은 글 댓글 목록과 동일하게 출력 되도록 하는데 차이점은 글 댓글에 있던 "댓글 주소"는 방명록 목록에서는 출력하지 않습니다. 이런 차이점을 염두하시고 아래와 같이 작업하면 "방명록 목록" 코드 작업을 수월하게 진행하실 수 있습니다.그럼 바로 코드 들어갑니다. STEP 1. skin.html 방명록 목록 코드 추가 Guestbook .. 방명록 글쓰기 입력폼 코드 생략 .. 수정/삭제 댓글쓰기 수정/삭제 : 등록된 "방명록" 리스트를 출력할 영역 지정 : "방명록" 리스트의 반복되어 출력되는 영역 지정 : "방명록"의 댓글(대댓글) 리스트를 출력할 영역 지정 : "방명록"의 댓글 리..
티스토리 스킨만들기/Tistory One | 2017. 10. 31. 14:21
RECENT COMMENT