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

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

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

中央寄せです・・・

新デザインでは記事だけの中央寄せが難しい・・・

やるのでしたら全体を中央寄せにしてから記事タイトルや日付とテーマをそれぞれ左寄せにする必要があります・・・

新デザインになって充分すぎるほどclassで分けてくれたのに・・・

なぜ?記事本文だけclassつけていないの・・・?

なので・・簡単にタイトルも日付もテーマも本文も全部中央寄せにしちゃいます
※後日・・アメブロによって記事本文にもclassがつけられました


日付のNEW! でアイコン画像を使っている場合は日付は中央になりません


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

/*記事全体(タイトルも日付も記事も)の中央寄せ*/
.skinArticle {
text-align:center;
}
.skinArticleHeader{
border:none;/*タイトル横の線を消す*/
}
/*記事フッター中央寄せ*/
.articleExLinkArea,.articleLinkArea{
text-align:center;
}




/*記事本文だけの中央寄せ*/
.articleText{
text-align:center;
}




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


/*コメント中央寄せ*/
.blogComment{
text-align:center;
}



/*メッセージボード中央寄せ*/
.skinMessageBoard{
text-align:center;
}


/*フリースペース中央寄せ*/
.freespaceArea{
text-align:center;
}





ついでに・・・こんなことも
新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ


.skinArticle{
padding:0;
}
.skinArticleHeader{
margin:0;
padding:5px;
background-color:#e4e4e4;
}

コレについてはそのうちに改めて記事にします・・