2011年10月31日月曜日

SyntaxHighlighter on Blogger


Blogger に SyntaxHighlighter をホスティングで導入しましたが、細かいスタイルの変更はどうしたらよいのでしょうか? 直接サーバにインストールして使用している場合は "shCoreDefault.css" を編集しているようです。しかしホスティングではそうはまいりません。Blogger ではどうするか?

テンプレート -> HTMLの編集

で解決しようと思いましたら、直接HTMLを編集するより、よかったらテンプレートデザイナーを使ってね、と出てきました。そこで

テンプレート -> カスタマイズ -> アドバンス -> CSSの追加

/* SyntaxHighlighter 行ごとの色の変更 */
.syntaxhighlighter .line.alt2 {
  background-color: #f7f7f7 !important;
}

/* SyntaxHighlighter 行番号とソースコードの間の線の幅と色*/
.syntaxhighlighter .gutter .line {
  border-right: 3px solid #ededed !important;
}
と記述しましたとさ。

0 件のコメント:

コメントを投稿