소스코드 테마 SytaxHiglighter는 최근에 프로그램 소스를 소개하는 블로그에서 많이 사용하고 있습니다. 현재 버전 4까지 제공하고 있으며 개발 사이트에서 무료로 다운로드 받을 수 있습니다. 아래의 사이트에 접속하면 그림과 같은 초기 화면을 볼 수 있습니다. http://alexgorbatchev.com/SyntaxHighlighter/ 여기서 오른쪽에 “download”를 클릭하시면 소스를 제공하는 github 사이트로 이동합니다. 현재 날짜 기준으로 버전 4를 제공하고 있습니다. 버전 4는 직접 소스를 컴파일 해야 … Read more
CCZ-CROSS 스킨에 사용되는 인용구를 편집하고 싶은데 제공하는 블로그나 자료가 없어 이렇게 글을 올립니다. 아마 너무 간단해서 다루지 않을 수도 있을거라는 생각도 들었습니다만 제가 고생한 것을 생각해서 글을 올립니다. 구글에서 “CSS 인용구 편집”으로 검색하면 다양한 자료들을 얻을 수 있습니다. 부족하신 분들은 검색하셔서 참고하시기 바랍니다. 블로그 관리에서 [꾸미기-스킨편집]을 클릭하여 스킨편집 페이지로 이동합니다. 이 페이지에서 [html 편집] 버튼을 클릭하여 스킨편집 … Read more
프리즘(Prism)은 CSS와 js를 블로그에 등록하여 소스코드 블럭을 지정하면 syntax highlight를 표시해줍니다. 프리즘은 가볍고, 여러가지 플러그인 기능 선택 가능, 테마 선택 가능, 적용 언어 선택 가능, 줄번호 표시 가능 등이 가능합니다. 그러나 인라인 코드 블럭에도 code class를 명시해야 하며 테마가 맘에 들지 않으면 직접 CSS를 수정해야 하는 단점이 있습니다. 비록 작은 단점이 있지만 많은 장점으로 인해 … Read more
사이드바에 출력하는 카테고리의 불릿 문자를 수정하고 싶을 때는 [블로그 관리-꾸미기-스킨편집]에서 CSS 메뉴를 선택하여 Ctrl+F 를 누르고 검색창에서 “↘”를 입력하여 해당 위치로 이동합니다. 특수문자를 입력할 때에는 한글 입력상태에서 한글 모음(여기서는 ㅁ을 입력)을 입력하고 한자 버튼을 누르면 아래의 그림과 같이 특수문자 선택창이 나오고, 아래 화살표 키를 이용하여 계속 아래로 이동시켜 원하는 문자를 선택하여 엔터를 입력하거나 숫자로 선택이 … Read more
CCZ-CROSS 스킨을 적용하면 사이드바는 오른쪽에 위치합니다. 이 사이드바를 왼쪽에 적용하고 메인 내부영역의 색상을 조정하여 완전하게 사이드바를 왼쪽에 정렬하도록 CSS 코드를 수정하는 방법에 대해 알아보도록 하겠습니다. 1. 사이드바 왼쪽 정렬 오른쪽에 배치되어 있는 사이드바를 왼쪽으로 정렬하기 위해서는 스킨을 등록할 때 업로드한 style.css 파일을 편집해야 한다. 먼저 [꾸미기-스킨편집]을 클릭하여 스킨편집 페이지로 이동합니다. 아래는 스킨편집 초기 페이지입니다. 오른쪽에 … Read more
CCZ-CROSS 스킨 배포 사이트에 접속합니다. 아래 각종 관련 사이트를 참조하세요. HOMECCZ-CROSS DEMOCCZ-CROSS 데모보기 REPOCCZ-CROSS GitHub PATCHCCZ-CROSS 패치노트 배포 사이트 중간 정도에 스킨 압축 파일을 제공하고 있습니다. 버튼을 클릭하여 스킨 파일을 다운로드 합니다. 다운로드 한 파일을 작업 폴더에 복사하고 압축을 해제합니다. 티스토리 [블로그 관리]에 접속하여 왼쪽의 [꾸미기-스킨변경]을 클릭하여 스킨변경 페이지에 접속합니다. 블로그를 처음 만들 때 기본스킨이 적용되어 … Read more