はてなブログのカスタマイズ

作ってみた

【課題06】

はてなブログの幅（hatena-body）、背景画像または背景色を変更してみましょう。
可能であれば、h1の背景も画像にしてみましょう。

  • 2012.3.17のカスタマイズ

ブログの幅、背景色、h1の位置と背景画像を変えています。



/* header */  
#simple-header {
     max-width: 900px;
}

/* body */    
body {
     background-color: #dfefff;
}

/* content */    
h1 {
     color: #fff;
     font-size: 1.8em;
     font-weight: bold;
     line-height: 135px; 
     font-family:
          "Hiragino Kaku Gothic Pro",
          "ヒラギノ角ゴ Pro W3",
          Meiryo,
          "メイリオ",
          "MS PGothic",
          "ＭＳ Ｐゴシック",
          sans-serif;
     width: 900px;
     height: 30px;
     text-align: center;
     background: #0000CC url('http://cdn-ak.f.st-hatena.com/images/fotolife/i/island-web/20120318/20120318111421_original.jpg?1332037200') no-repeat left 0;
}

h1 a:link, h1 a:visited {
     color:#fff;
}

.hatena-body {
     width: 900px;
}