2014年1月12日日曜日

[Blogger] SyntaxHighlighterの表示をしましまにする

SyntaxHighlighter をデフォルトのまま使っていたのですが、白背景だとソースコードが目立ちにくいのでcssを修正しました。

BloggerのテンプレートのHTMLのhead内に追記。

<style type='text/css'>
    /* 外枠を追加 */
    .syntaxhighlighter {
        border: 1px solid #aaa;
        border-radius: 3px;
    }
    /* 偶数行目の背景色を変更 */
    .syntaxhighlighter .line.alt2 {
        background-color: #f8f8f8 !important;
    }
    td.gutter .line.alt2 {
        background-color:#e6e5e1 !important;
    }
</style>

参考ページ
SyntaxHighlighterのデザインをカスタマイズ変更する
ソースコードを美しく公開する方法 - 「SyntaxHighlighter」の使い方

0 件のコメント:

コメントを投稿

Related Posts Plugin for WordPress, Blogger...