すべてのカテゴリ » インターネット・パソコン » インターネットサービス

質問

終了

amebaブログの記事など全部を中央寄せにするにはどうしたらイイんでしょうか?????
タイトル・コメント欄も・・・

===補足===
正確に言えば文字を中心に・・・です。。。
コメとくださった方スミマセン・・・><

  • 質問者:雫
  • 質問日時:2010-11-05 17:40:33
  • 0

並び替え:

アメーバブログはただ持ってるだったので
文字の中央寄せの方法はCSS編集でしかわかりませんでした。
CSS怖かったら試さない方が良いかもです、すみません・・。

以下、方法です↓
①カスタム可能デザインを選んでCSS編集を選びます。

②/*============ ☆ かんたんCSS編集はこちら ☆ ==============*/
の下にコピペしてください↓

/*タイトルと説明文*/
#header h1,
#header h2{
margin: 0;
padding: 0;
text-align: center; /* タイトルと説明文の中央寄せ */
}



/*記事タイトル*/
.entry h3.title{
font-size:1.5em;
font-weight:bold;
line-height:1.1;
}
/*記事内容*/
.entry .contents{
line-height:1.5;
}
の所に上書きコピペか、text-align: center; /* コメントの中央寄せ */を追加してください↓

/*記事タイトル*/
.entry h3.title{
font-size:1.5em;
font-weight:bold;
line-height:1.1;
text-align: center; /* 記事タイトルの中央寄せ */
}
/*記事内容*/
.entry .contents{
line-height:1.5;
text-align: center; /* 記事の中央寄せ */
}



/*■コメント - デザインカスタマイズ - メインカラム*/
#comment_module{
border-top:3px double #7E8984;
line-height:1.5;
}
の所に上書きコピペか、text-align: center; /* コメントの中央寄せ */を追加してください↓

/*■コメント - デザインカスタマイズ - メインカラム*/
#comment_module{
border-top:3px double #7E8984;
line-height:1.5;
text-align: center; /* コメントの中央寄せ */
}


以上で、タイトル、記事、コメントが中央寄せになると思います。
CSS編集する前に元のCSSをメモに保存してから作業する事をお薦めします。

  • 回答者:寿 (質問から4時間後)
  • 1
この回答の満足度
  

デザインの変更
   ↓
カスタム可能
   ↓
レイアウトの変更にするとできます

(前の人と一緒な事書いたので
参考になるかどうか?〉

参考になればうれしいです

  • 回答者:タksぢ (質問から2時間後)
  • 0
この回答の満足度
  

ブログ⇒デザインの変更⇒カスタム可能⇒レイアウトの変更

でできると思います!

  • 回答者:結愛 (質問から13分後)
  • 0
この回答の満足度
  
とても参考になり、非常に満足しました。回答ありがとうございました。

関連する質問・相談

Sooda!からのお知らせ

一覧を見る