종종 올리는 블로그

SyntaxHighlighter 라는 code syntax highlighter 의 색상과 레이아웃을 수정해서 티스토리(Tistory) 블로그를 예쁘게 꾸며봅시다. SyntaxHighlighter 를 티스토리(Tistory) 블로그에 적용하는 방법은 여기를 클릭해서 참고하세요 ^^ 우선 기본 html 브러쉬를 사용해서 출력한 결과입니다. (참고로 스크린샷입니다.) 뭐 이대로 사용해도 나쁘지 않은데요. 이 전에 쓴 글에도 설명드렸지만, line-height를 em으로 설정시 위 처럼 행번호와 코드 줄이 어긋날 수도 있고 여러가지 편의상 문제가 있을수 있으므로 수정을 권합니다. 아래는 오늘까지 shCore.css 와 제가 수정해서 사용하고 있는 테마 shThemeTomato.css 를 적용한 결과입니다. 색..

제 블로그에 보시면 코드 소스를 코드 에디터처럼 예쁘게 보이는 방법에 대해 알아보겠습니다. 아래 처럼 말이죠. 글쓰기 관리 태그 방명록 RSS 카테고리 메뉴열기 SyntaxHighlighter 라는 code syntax highlighter를 이용한것인데요. 제가 네이버 블로그가 아닌 티스토리 블로그를 하는 이유이기도 하지요. SyntaxHighlighter 홈페이지는 http://alexgorbatchev.com/SyntaxHighlighter/ 입니다. 우선 SyntaxHighlighter 를 여기를 클릭해서 다운로드 받으세요. 참고로, 제가 받은 버전은 SyntaxHighlighter 3.0.83 입니다. 1. 다운로드 받은 압축파일을 풀어주세요. 2. 티스토리 관리페이지에서 [HTML/CSS 편집..

종종 올리는 블로그 첫 글입니다. 블로그 스킨 선택과 수정, 세팅하는 시간이 며칠 걸렸네요 ^^ 여러가지 스킨을 고민하다가 결정하게된 티스토리의 새 반응형 웹스킨 '#1' !!! 가장 마음에 들었지만 버그와 제 입맛에 맞지 않는 몇가지를 손보았고, 원하시는 분이 있으시면 도움이 되고자 이렇게 글을 올립니다. 티스토리 새 반응형 웹스킨 '#1'에서 버그?라고 생각되는 첫번째 수정 사항은 카테고리 바가 브라우져 높이보다 긴 경우 스크롤이 생기지 않아서 감추어진 카테고리는 선택하지 못하는 불편함이 있었습니다. 아래 스크린샷처럼 카테고리 보다 창이 더 길 경우에는 문제 없습니다. 그러나, 아래처럼 창 높이보다 카테고리가 긴 경우( 제 경우에는 길지 않아서 창 크기를 줄여봤습니다.)에는 보이지 않는 카테고리는 클..

종종 올리는 블로그 시작합니다.