色設定
読者の皆様の熱烈なご要望にお応えして、「Hatena」テーマで基調となる色を青から他の色(ここでは例としてピンク)に変える方法をまとめてみる。(なお、細かく見るとまだ変更前の色(青)がところどころ残ってしまっている。これらの解消は今後の課題である。)
h2 { background-color:#F3BABA; } div.day span.sanchor { color:#F3BABA; } div.body { border: #F3BABA 1px solid; } div.body blockquote { border: #F3BABA 1px solid; } div.caption { border-bottom: #F3BABA 1px solid; }
- 背景全体に色をつけたければ更に次を加える。
body { background-color: #fff0f5; }
- 「この内容に変更する」、…、で変更を確定。
ピンク以外の色に変える場合も同様だが、色コード(#○○○○○○)については、「#F3BABA」や「#fff0f5」の代わりに、http://yokohama.cool.ne.jp/alisato/hatena/hatena_head.shtmlやカラーチャートを参考にふさわしいものを指定する。「Hatena」以外のテーマについても多分同様。
(追記)誤り・非効率がありましたらご指摘ください。>詳しい方々