티스토리 SyntaxHighlight version 3.0.83 (July 02 2010) 적용

• etc/• blog tip & utill / 2015. 6. 11. 01:26
html 체크 한 후
pre class="brush:적용 테마
1. Xml(X),xml(O) 대,소문자 가림 
2. perl(O),Perl(O) -기준 분석이 필요함
3. Css(X),css(O)
4. Php(X),php(O)
5. Plain(X),plain(O)
6. jscript(O)
결론 : 업로드 테마(거진 업로드 되어있음)와 html 링크(적게 걸림)가 같이 있어야함 
테마사이트 참고(http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/) 
아래는 블로그에 링크된 테마임
        <script src="./images/shCore.js" type="text/javascript"></script>
        <script src="./images/shBrushCss.js" type="text/javascript"></script>
        <script src="./images/shBrushJScript.js" type="text/javascript"></script>
        <script src="./images/shBrushPerl.js" type="text/javascript"></script>
        <script src="./images/shBrushPhp.js" type="text/javascript"></script>
        <script src="./images/shBrushPlain.js" type="text/javascript"></script>
        <script src="./images/shBrushSql.js" type="text/javascript"></script>
        <script src="./images/shBrushXml.js" type="text/javascript"></script>
        <link href="./images/shCore.css" type="text/css" rel="stylesheet">
        <link href="./images/shThemeDefault.css" type="text/css" rel="stylesheet">

style.css 코드에서는 @charset "utf-8"; 
다음에 아래 코드를 입력해 주도록 합시다. 
이건 크롬 브라우저 사용자를 위한 배려하고 하네요 ^^(밑에 글 적용은 했지만 블로그 스킨 저장은 않해놨음)
 
div .syntaxhighlighter {
overflow-y: hidden!important; overflow-x: auto!important;
}


위로가기

POWERED BY TISTORY. THEME BY HE+STORY