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

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

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

フッターナビの位置を変更します



初期位置は


/*フッターナビ位置*/
.footerNav{
right:15px;/*右から*/
bottom:15px;/*下から*/
}



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


right:15px;/*右から*/ を right:30px;/*右から*/ にすれば画面右端から30pxの位置に
bottom:15px;/*下から*/ を bottom:40px;/*下から*/  にすれば画面下端から40pxの位置に表示されます




また・・・



/*フッターナビ位置*/
.footerNav{
left:15px;/*左から*/
bottom:15px;/*下から*/
}


right を left にすると表示位置が画面左下になります


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




注意!

特にワイドなディスプレイを使われている方・・・

画面の端についていてブログから離れすぎるってあまり画面端から中央に移動すると

古いディスプレイではフッターナビがブログの中に表示される場合もありますよ

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