はてなダイアリーのシンタックスハイライトを黒背景にする
はてなダイアリーの[管理]-[デザイン編集]-[詳細]を選んで
スタイルシートの欄に下記を追加。
/* 枠 */ .section pre.syntax-highlight { background-color: #000; color: #FFF; border: none; } /* コメント */ .synComment { color: #CCC; } /* 文字列や値 */ .synConstant { color: #CF9; } /* 変数など */ .synIdentifier { color: #9CF; } .synStatement { color: #CCF; } /* その他 */ .synType { color: #FC9; } .synSpecial { color: #CCC; } .synPreProc { color: #F99; }
HTMLの表示例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns:og="http://ogp.me/ns#"> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> <title>タイトル</title> </head> <body> <!-- コメント --> <span class="className">Hello, world!</span> </body> </html>
PHPの表示例
<?php class ClassName { /** * コメント */ public function funcName($valName) { // コメント if ($valName) { echo 'Hello, world!'; } } } ?>