ＣＳＳ アメブロの背景画像を変更 まとめ

各背景画像を変更する際のＣＳＳ設定方法

■記述例
背景画像の指定のＣＳＳは共通です。

background-image:url(画像ＵＲＬ);

↑を背景画像を表示させたい場所にいれるだけ。
■記述場所と反映される場所

#frame{
background-image:url(画像ＵＲＬ);
}



●記事の部分

#main {
background-image:url(画像ＵＲＬ);
}

●サイドバーの部分

#sub_a{
background-image:url(画像ＵＲＬ);
}

#sub_b{
background-image:url(画像ＵＲＬ);
}

●記事タイトルの部分

.entry h3.title {
background-image:url(画像ＵＲＬ);
}

●サイドバーのタイトル部分

h4.menu_title {
background-image:url(画像ＵＲＬ);
}

●ページナビゲーション部分

.page{
background-image:url(画像ＵＲＬ);
}

●テーマ部分

.entry .theme{
background-image:url(画像ＵＲＬ);
}



●アドセンス広告部分

#gadBox{
background-image:url(画像ＵＲＬ);
}

●関連記事表示部分

#themeBox{
background-image:url(画像ＵＲＬ);
}

●記事ＵＲＬ、コメント、トラバ、ペタ部分

.entry .foot {
background-image:url(画像ＵＲＬ);
}

●記事最下部アメブロの宣伝っぽい部分

#footer_ad {
background-image:url(画像ＵＲＬ);
}

●フッターエリア

div#footerArea {
background-image:url(画像ＵＲＬ);
}


とまあこんな感じですね。
ＣＳＳは、下の部分に記述したものが、優先されて表示されるので
上記の背景画像を指定したい所の部分をコピーして
一度テキストエディタか何かに貼り付けて
ＣＳＳの最後に貼り付けてやるといいです。