2009년 1월 13일 화요일

Code Highlighter 마이너 버그패치

블로그팁 : Code Highlighter 더 쉽게 사용하기에 올렸던 내용의 마이너 버그패치입니다.


일부 테마에서 Code Highlighter가 약간 깨진다는 보고가 있었습니다.
(Butterfly (Purple) ver.1.0 에서 확인했습니다)
하지만, 좀 바빠서(라고 쓰고는 게을러서라고 읽는다) 손을 대지 못하고 있었는데, 오늘 수정하게 되어 올립니다.

사용자 삽입 이미지

이게 뭥미~


스킨의 css스타일과 SyntaxHighlighter.css의 css스타일이 충돌이 난 것이 원인인데요, 이럴 땐 그저 만병통치약 !important가 짱입니다.

.dp-highlighter ol li span에서 padding!important를 추가했습니다.
아래와 같이 말이죠.

.dp-highlighter ol li span 
{
 margin: 0;
 padding: 0!important;
 border: none!;
}


이것만 수정하면 아래와 같이 정상적으로 출력되는 모습을 볼 수 있습니다.

사용자 삽입 이미지

짜잔~


적용하실 때는 아래 파일을 다운받아 압축을 푼 후 스킨→직접올리기에서 업로드하면 됩니다.


댓글 6개:

  1. trackback from: 블로그팁 : Code Highlighter 더 쉽게 사용하기
    티스토리에서 Google Syntax Highlighter 사용하기에서 Google의 Syntax Highlighter를 사용하는 방법을 소개했습니다. 그런데, 막상 몇 분의 글을 읽어보니 너무 어렵다고 하시더군요. 게다가, 전에 올린 버전은 약간의 문제점이 있었습니다. 그간 지적된 문제점을 개선한 버전을 더 쉽게 사용하는 방법을 소개하겠습니다. 일단, 원래 버전의 문제점은 아래와 같습니다. 자동으로 붙는 <br/> 태그를 일일이 없애야 한다 티스토..

    답글삭제
  2. 그런데 지금 생각해보니 [c=red]'이 아름다운...'[/c] 이거 허위사실 유포죄 아닌가요?ㅋ

    답글삭제
  3. @okto - 2009/01/13 23:17
    [ur=http://blog.redian.org/361#comment1550787]고수 레디앙님의 설명[/ur]에 의하면 이건 법에 저촉이 안된다십니다. 잇힝~

    답글삭제
  4. 고맙소~

    이은혜 잊지않고 한번 쏠 수 있도록 노력하리다~ ㅋ

    답글삭제
  5. 와~ 문제 해결 방법 찾으려고 검색하다가 오게 됐네요. 위 방법처럼 하니깐 잘 해결되네요. 감사합니다. ;)

    답글삭제
  6. @ohyecloudy - 2009/02/07 17:51
    잘 쓰시기 바랍니다~

    답글삭제