アメブロ初心者用カスタマイズ だめ奥さまCSS/HTML図書館

アメーバブログ初心者講座(アメブロ) カスタマイズを画像付きで書いてます。自分らしい個性的なブログデザインにしよう!!

2011.7月下旬から配布された、新CSS編集対応記事アップしました
旧CSS編集も目次からご覧くださいm(_ _)m


テーマ:


アメブロ初心者用カスタマイズ だめ奥さまCSS図書館

ヘッダーと記事の間に余白をという質問を頂いたのでアップしておきます。
上画像の赤く線をひいてる部分にCSSで隙間を作ります。
私もココがくっついてるの好きじゃないんです・・・汗
(個人的な意見です)


やじるし以下のCSSを編集一番下(最後)にコピーペーストです

#header{margin-bottom:30px;}





★結果画像★

アメブロ初心者用カスタマイズ だめ奥さまCSS図書館

間に30px分の余白ができました。
数字の増減は自由に行ってください。


上CSSではサイドメニュー・記事が一緒に下がります。
記事部分だけを下げたい人は

#main{margin-top:30px;}


★結果画像★

アメブロ初心者用カスタマイズ だめ奥さまCSS図書館







サイドメニューだけを下げたい人は

#sub_a ,#sub_b{margin-top:30px;}


★結果画像★

アメブロ初心者用カスタマイズ だめ奥さまCSS図書館


















PR

[PR]気になるキーワード