本文へジャンプします。

ココログサポートトップ≫質問一覧≫行間を１行空けるのではなく、１／３くらい...

解決

行間を１行空けるのではなく、１／３くらいにしたい

　行間が狭いか広すぎるか、どちらかにしかできないのですが
　　"line-height: 1.3;"　の様な使い方はできませんか？

　フリーではできませんか？
基本情報

yamayama | 2010/04/04 06:14(5542日前) | 固定リンク | 基本的な使い方

コメントをする場合はログインをしてください

Re: 行間を１行空けるのではなく、１／３くらいにしたい
テンプレートがカスタムテーマやオリジナルテーマなら、カスタムCSSを編集することでデザインを微調整できます。

JUMA | 2010/04/05 13:19(5541日前) | 固定リンク

Re: 行間を１行空けるのではなく、１／３くらいにしたい
　＜お礼＞
　回答ありがとうございました。

　関連資料を読んでみましたが、まだ？？？です。

　＜質問・お願い＞

　　・ＣＳＳにすると、今あるブログの形式はリセットされてしまいましか？
　　　また戻せますか？

　　・今のデザイン状態で、行間だけ少し広くしたいのですが、
　　　方法や注意点をお願いします

　　よろしくお願いします

yamayama | 2010/04/07 10:03(5539日前) | 固定リンク

Re: 行間を１行空けるのではなく、１／３くらいにしたい
yamayamaさんのブログの現在のテンプレートはカスタム・テーマだと思いますが間違いないでしょうか？（「テーマを変更」画面で「カスタム・テーマ」にチェックが入っていますか？）
それと最初に確認するのを忘れていましたが、特定の記事の一部分ではなくてどの記事にも共通の行間を調整したいということでいいでしょうか？

デザイン修正の段取りとしては
(1)現在のCSSの内容を見て変更したい箇所を探す。
　カスタム・テーマの「レイアウトを変更」「テーマを変更」で普通に指定したデザインもCSSファイルに保存されています。
　ココログ管理画面のファイルマネージャー＞ブログのフォルダの中に styles.css というのがあります。クリックすると内容を見ることができます。
　もう1つ、全ユーザー共通のCSSファイルもありますが、ファイルマネージャーでは見えません。
(2)カスタムCSSの編集画面を開いて変更点だけを書く。
　(1)のCSSファイルに書かれていることは削除できませんが、ブラウザがブログを表示する時はカスタムCSSに書いたことの方が優先されます。
　カスタムCSSの内容を削除すれば普通に指定した時のデザインに戻ります。
　また、デザイン編集ページの「表示項目を選択」「並べ方を変更」で設定したことはそのままです。
(3)「反映」する。


下は詳しい手順です。

(2-1)デザイン編集ページの「カスタムCSSを編集」を開く。
(2-2)デザイン変更点を書いて保存する。
●記事本文の「段落」の中の行間だけなら
.content p {line-height: 130%;}
の1行だけです。%無しの1.3でもいいと思います。
　他に記事中の「引用部分」については .content blockquote　、リストボタンで作る記事中の「リスト」については　.content li　、必要であればそれぞれの行を作って同じように指定します。
●「段落」と「段落」の間も調整するなら
.content p {line-height: 130%; margin-bottom: 10px;}
のように書きます。10pxは現在の設定です。
(3-1)「反映」する。
　今回の変更点は同じCSSファイルの中の最後尾に追記されるだけなので、「反映」するのは「メインページのみ」で充分です。
　「レイアウトを変更」「表示項目を選択」「並べ方を変更」も変更した時はすべて反映させる必要があります。

JUMA | 2010/04/08 03:57(5538日前) | 固定リンク

Re: 行間を１行空けるのではなく、１／３くらいにしたい
おはようございます。
　詳細な説明ありがとうございます。

　試みてみて、うまくいきましたら、報告します。
　多分、苦戦をするとは思いますが・・・。

　先ずは、回答ありがとうございました。

　

yamayama | 2010/04/08 09:37(5538日前) | 固定リンク

Re: 行間を１行空けるのではなく、１／３くらいにしたい
詳細に教えていただき、ありがとうございました。

　ちょっと時間がかかりましたが、希望のとおりにできました。
　ありがとうございました。

yamayama | 2010/04/11 22:39(5535日前) | 固定リンク