ブログのカスタマイズ

サイドバーのタイトルに色を入れてはっきりさせる。

/*モジュールのタイトル　hatena-moduletitle*/
div.hatena-module div.hatena-moduletitle{
	color: #ffffff;
	background: silver;
border-left: solid 20px #aaaaaa;
}
div.hatena-module div.hatena-moduletitle a{
	color: #ffffff;
	background: silver;
	text-decoration: underline;
}

見出し記事の終わりに区切り線を入れる。

＊＊＊の見出し４の下線と同じなので、わからないような・・・。

/*記事毎の区切りをつくるdiv.section*/
.day div.section{
border-bottom: dotted 1px silver;
padding-bottom: 30px;
margin-bottom: 30px;
}

h1の変更、背景に画像を貼り、タイトル画像はhoverで現れるようにする。

hatenaダイアリーのタイトル画像のアップロードで何回も失敗する。
アップロード後、変わってなくてもリロードするとうまく行くかも。
背景の画像の置き場所はhatenaからdropboxにする。
次はhover時に、じんわり現れるようにしたい。
padding等でサイズ合わせるのも課題。

/*h1パディングリセット*/
h1{
width: 100%;
height: 210px;
padding: 0;
margin: 0 auto;
text-indent: 0;
background: url("http://dl.dropbox.com/u/63288235/hatenastyle/h1_bg.jpg") no-repeat;
border-bottom: none;
}
h1 a img{
opacity: 0;
}
h1 a:hover img{
opacity: 1;
}