アメーバブログの背景画像を画面いっぱいに固定して表示する方法です。新・新CSS 用のカスタマイズ方法になります。

005

 

①背景にしたい画像を用意してCSS編集の画面からアップロードします。
サンプルに使った画像は1300×900pxです。

 

②以下をCSSの最後にコピペします。○○○の部分にアップロードした画像のURLを貼り付けてください。

.skin-page {
background: url(○○○) fixed;
background-size: cover;
}

.skin-bgHeader, .skin-blogBody, .skin-blogBodyInner {
background-color: transparent;
}

 

③保存して完了です。

 

解説

以下は解説用なのでコピペして使うとおかしくなるので気を付けてください。

.skin-page {

background: url(○○○) fixed;  ←全体の背景画像を設定

background-size: cover; ←縦横比保持したまま画像を拡大縮小させる
}

.skin-bgHeader, .skin-blogBody, .skin-blogBodyInner {

background-color: transparent; ←余計な背景色の設定を無効化
}

 

 

以上です^^