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 件のコメント:
コメントを投稿