フッター・・・に | 新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ

新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ

アメブロの新スキン(CSS編集用デザイン)のカスタマイズ
アメーバブログをCSSでカスタマイズして自分だけのオリジナルなデザインでアメブロを楽しんでください

ブログの下に動かない背景画像をのっけます・・?

参考:アメブロ向上企画書 CSS フッター・・・  

新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ

※フッターナビが左側になってしまいます・・



/*フッター*/
.footerNav {
background-image:url(画像のURL);/*A*/
background-repeat:repeat-x;
background-position:bottom;
width:100%;
height:100px;/*B*/
bottom:0;
right:0;
position:fixed;
}
/*フッターナビ*/
.footerNav li{
margin-left:20px;/*C*/
}

新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ
height:100px;/*B*/でフッターナビの下にスキマを作っています
なので・・画像の高さは100px以下で作ってください

あと・・四角い背景以外は透過処理を忘れないでね

常に画面下に現れていますからあまり大きな画像はウザイですよ・・スマートにつかいましょう?





もし・・フッターナビがいらないって~場合は


/*フッターナビを消す*/
.footerNav li{
display:none;
}