syntaxhighlighter
http://wordpress.org/extend/plugins/syntaxhighlighter/
<html> <head></head> <body></body> </html>
<!-- tracker added by Ultimate Google Analytics plugin v1.6.0: http://www.oratransplant.nl/uga -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-xxxxxxx-x");
pageTracker._initData();
pageTracker._trackPageview();
</script>
SyntaxHighlighter Settings
Display line numbers.
行番号を表示してください。
Display the toolbar.
ツールバーを表示してください。
Automatically make URLs clickable.
自動的にURLをクリック可能にしてください。
Collapse code boxes.
コード箱を潰してください。
Show a ruler column along the top of the code box.
コード箱の上部に沿って定規コラムを示してください。
Use the light display mode, best for single lines of code.
コードの単線に軽い表示モード、ベストを使用してください。
Use smart tabs allowing tabs being used for alignment.
整列に使用されるタブを許容する賢いタブを使用してください。
Wrap long lines, using an icon to show where line.
長い系列を包装してください、そして、どこかを示しているのにアイコンを使用して、立ち並んでください。
wraps occur (disabling this will make a scrollbar show instead)
機密は起こります(これを無効にするのはスクロールバーを代わりに目立たせるでしょう)。
Additional CSS Class(es) / 追加CSS Class
に適当なclass名をつっこんだんだけど
pre class=”brush: xml;みたいな箇所に追加されてない、どうやって使うんだろう。
仕方ないので大本のcssを編集する
wp-content\plugins\syntaxhighlighter\syntaxhighlighter\styles内に
Color Theme毎のcssが入ってた。
- shCore.css
- shThemeDefault.css
のバックアップをとって編集する。
以前から行間が詰まってるような気がしてて不満だったのでline-heightを探す。
shCore.cssの最初に指定してあった
.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter span
1.1emを1.6emにしてプレビューしてみると、改行の時のアイコンがちょっぴり表示されてた。
なるほど、折り返し時にアイコンを追加してるんじゃなくて最初から範囲外に配置されてたのか
3行になった時に折り返しアイコンが表示されないのはこの為か。
折り返しのアイコン（wrapping.png）を頼りに背景を指定している箇所を探すと以下にあった
shThemeDefault.css
.syntaxhighlighter .line .content .block{
background: url(wrapping.png) 0 1.6em no-repeat !important;
}
1.1emを1.6em（line-heightにあわせて）変更
font-familyを何にするか考え中
http://sakurachiro.com/_exercise/font-family/
関連記事かもしれん:
乱雑モックアップのフィード
[...] SyntaxHighlighter Evolvedの設定見直し デフォルトcss探しや、使うfont-family選び [...]
ピンバック by このブログの制作作業2 « 乱雑モックアップ — 2009年8月23日 @ 03:37