レイアウトを変えてみた

この Blogger のレイアウトを変えてみた。

記事部分が狭かったのでヘッダ画像と同じサイズにし、「ABOUT ME」などのサイドバーを上へ引き上げた。
a:visited の色を rgb(0, 102, 255) にし、a:hover の色を rgb(255, 255, 255) にした。この hover 時に CSS3 の text-shadow を使っているので、IE 系以外のブラウザなら光っているように映る筈。
あと、「ABOUT ME」などの h2 部分に rgb(200, 200, 200) で枠線を引き、CSS3 の box-shadow でこれまた光っているように処理。
また、ヘッダ画像と「ABOUT ME」の画像の hover 時に白で枠線を設定しているが、このときに CSS3 の transition を使っているので、WebKit 系の Safari と Chrome なら 0.5 秒かけて枠線が出る。

MySpace よりも断然カスタマイズしやすい。