블로그팁 : 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!;
}
이것만 수정하면 아래와 같이 정상적으로 출력되는 모습을 볼 수 있습니다.
짜잔~
적용하실 때는 아래 파일을 다운받아 압축을 푼 후 스킨→직접올리기에서 업로드하면 됩니다.
trackback from: 블로그팁 : Code Highlighter 더 쉽게 사용하기
답글삭제티스토리에서 Google Syntax Highlighter 사용하기에서 Google의 Syntax Highlighter를 사용하는 방법을 소개했습니다. 그런데, 막상 몇 분의 글을 읽어보니 너무 어렵다고 하시더군요. 게다가, 전에 올린 버전은 약간의 문제점이 있었습니다. 그간 지적된 문제점을 개선한 버전을 더 쉽게 사용하는 방법을 소개하겠습니다. 일단, 원래 버전의 문제점은 아래와 같습니다. 자동으로 붙는 <br/> 태그를 일일이 없애야 한다 티스토..
그런데 지금 생각해보니 [c=red]'이 아름다운...'[/c] 이거 허위사실 유포죄 아닌가요?ㅋ
답글삭제@okto - 2009/01/13 23:17
답글삭제[ur=http://blog.redian.org/361#comment1550787]고수 레디앙님의 설명[/ur]에 의하면 이건 법에 저촉이 안된다십니다. 잇힝~
고맙소~
답글삭제이은혜 잊지않고 한번 쏠 수 있도록 노력하리다~ ㅋ
와~ 문제 해결 방법 찾으려고 검색하다가 오게 됐네요. 위 방법처럼 하니깐 잘 해결되네요. 감사합니다. ;)
답글삭제@ohyecloudy - 2009/02/07 17:51
답글삭제잘 쓰시기 바랍니다~