March 07, 2006
行間の幅を縮める
清き一票を・・・
■ブログを作成 / 管理ページにログイン
↓
■ カスタマイズ/管理
↓
■デザインの設定
↓
■カスタマイズ
↓
■スタイルシート（CSS）
ここで行間を縮めたい部分を探します。
※これは、ライブドアブログ【シンプルデザイン Plain Diary（3カラム）】を例にあげています。
・本文
.blogbody{
line-height:130%;
text-align:center;
margin:0 auto;
padding:0 15px 20px;
}
・サイド
.side{
font-size:12px;
text-align:left;
line-height:125%;
padding:5px 0;
}
・カテゴリ別/月間アーカイブ
.sidebody{
background:url(http://blog.livedoor.com/img/cmn/dot.gif) no-repeat 0 3px;
padding:1px 0px 1px 12px;
margin-bottom:3px;
text-align:left;
line-height:80%;
}
※行間の幅を変更するためには、line-height:○○%;をいじくりましょう。
数値を大きくすれば多く広がります。又、小さくすれば、それだけ小さく設定する事になります。
※カテゴリ別/月間アーカイブは、はじめからline-heightの項目がありません。そして、sideよりsidebodyの方が優先されるのでsidebodyにline-height:○○%追加しましょう。
この工程が終わりましたら、
■この内容を保存する
↓
■ブログに設定を反映（再構築）
↓
■デザイン(CCS)
↓
■ブログを再構築する
【完了】
私が、ブログをカスタマイズする際困った事があったときには、livedoor knowledgeで質問したり、過去の質問を検索したりしました。
何か困ったら、使って聞いてみるのもいいと思います。
応援お願いします♪
■ブログを作成 / 管理ページにログイン
↓
■ カスタマイズ/管理
↓
■デザインの設定
↓
■カスタマイズ
↓
■スタイルシート（CSS）
ここで行間を縮めたい部分を探します。
※これは、ライブドアブログ【シンプルデザイン Plain Diary（3カラム）】を例にあげています。
・本文
.blogbody{
line-height:130%;
text-align:center;
margin:0 auto;
padding:0 15px 20px;
}
・サイド
.side{
font-size:12px;
text-align:left;
line-height:125%;
padding:5px 0;
}
・カテゴリ別/月間アーカイブ
.sidebody{
background:url(http://blog.livedoor.com/img/cmn/dot.gif) no-repeat 0 3px;
padding:1px 0px 1px 12px;
margin-bottom:3px;
text-align:left;
line-height:80%;
}
※行間の幅を変更するためには、line-height:○○%;をいじくりましょう。
数値を大きくすれば多く広がります。又、小さくすれば、それだけ小さく設定する事になります。
※カテゴリ別/月間アーカイブは、はじめからline-heightの項目がありません。そして、sideよりsidebodyの方が優先されるのでsidebodyにline-height:○○%追加しましょう。
この工程が終わりましたら、
■この内容を保存する
↓
■ブログに設定を反映（再構築）
↓
■デザイン(CCS)
↓
■ブログを再構築する
【完了】
私が、ブログをカスタマイズする際困った事があったときには、livedoor knowledgeで質問したり、過去の質問を検索したりしました。
何か困ったら、使って聞いてみるのもいいと思います。
応援お願いします♪
