blogデザイン

お気づきのようにちょっとずつdiaryのdesignが変わっております。前は、本体に枠線をつけたのですが、今回はリンクをhoverしたときに色が変わるように設定してみました。おなじようにhatenaユーザーの人のために少しデザイン変更についての解説をしておきますと、hatenaの場合、CSS（スタイルシート）というものを使ってデザインを変更します。テーマのデザインはページのソースのヘッダにstylesheetの記述があるので、そのアドレスを入力すると見ることができます。CSSについては検索すれば様々なリファレンスがありますが、基本的書き方は
デザインを反映させるHTMLタグ{スタイル：パラメータ;}
です。例えば、タイトルの文字を赤色にしたいとすれば、タイトルはHTMLではh1ですから

h1{color:red;}

と記載してやればいいわけです。今回はリンクの上にカーソルが乗ると色が変わるようにしましたが、これはhoverという擬似クラスを使ってやって、このように書きます。

a:hover{color:orangered;}

h1タグに囲まれた領域のリンクだけを変えたいときは

h1 a:hover{color:red;}

という風に書いてやります。色見本は
http://color.eweb-design.com/0102_cn.html
が参考になります。