アメブロのカスタマイズ
ページ上部に横方向の背景パターン画像で、背景色を変更できる方法です。

背景画像横方向

 

①背景にしたい画像を用意してCSS編集の画面または画像フォルダにアップロードしてURLを控えます。

背景パターン

 

 

 

 

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

 

.skin-bgHeader {
background: url(○○○) repeat-x;
background-color: #fff4cd;
}

.skin-blogBody, .skin-blogBodyInner {
background-color: #fff4cd;
}

.skin-headerTitle {
padding-top: 160px;
padding-bottom: 40px;
}

 

③保存して完了です。

 

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

.skin-bgHeader {
background: url(○○○) repeat-x; ←背景画像を横方向にリピート
background-color: #fff4cd; ←ヘッダーエリアの背景色
}

.skin-blogBody, .skin-blogBodyInner {
background-color: #fff4cd; ←ボディエリアの背景色
}

.skin-headerTitle {
padding-top: 160px; ←タイトルと説明文の上の空きの高さ調整
padding-bottom: 40px; ←タイトルと説明文の下の空きの高さ調整
}

 

最後のpaddingの数値はお好みで調整してください。

 

以上です^^