FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？

記事の行間を変える

記事の行間を設定する方法を紹介します。

スタイルシートを編集します。
line-heightというスタイルを所定のところに書き加えてください。

【standard】

/**** ▼ エントリーブロック(中央カラム) ▼ */
～
/* エントリー(記事)スタイル */
.article {
～
line-height: 1.3;
}
～
/**** ▲ エントリーブロック(中央カラム) ▲ */

【lightframe】

/************** ▼ 記事 ▼ */
～
.ently_text {
～
line-height: 1.3;
}
～
/************** ▲ 記事 ▲ */

行間を狭くしたければ0.8、広くしたければ1.5など、小数点第一位の数値を設定してください。

記事編集 [ 2007/02/08 23:03 ] カスタマイズ　共通 | TB(1) | CM(4)

≪文字と絵文字画像を揃える | HOME | アイコン付きツリー化カテゴリー≫

プラグイン1・2だけフォントサイズを少し小さ目(9pt(10と変わらないけれど、文字同士が詰まってくれる))にしたので、行間の狭さが気になっていました。
プラグインには元々「line-height:」が付いていた事を見落としてしまっていた為、こちらの記事を拝見して調整する事が出来ました。
ありがとうごさいました。
　
カスタマイズの記事も多くなって来た為、カテゴリーにも「ブログカスタマイズ」の項目があるのですが、いたお様のお名前が度々…♪

いつもお世話になっておりますm(__)m

[ 2007/02/09 10:39 ] [ 編集 ]

> ちゃんさん

こんばんは。ちゃんさん。
度々私のことを記事に取り上げてくれて有難う御座います＾＾
『ページ上部へ移動するリンク』をちゃんさんから教えてもらっているので、これをまた私の記事で紹介させてください。
こちらこそいつも有難う御座います＾＾

[ 2007/02/10 07:22 ] [ 編集 ]

上部移動リンク＞簡単なものですみません

【画像使用】
<a href="#top" title="ページ最上部へ"><img src="画像URL"></a>

【テキストリンク】
<a href="#top">ページ最上部へ</a>

******************************************************

後、

【画像使用】
<a href="<%url>admin.php?mode=editentry&no=<%topentry_no>" target="_blank"><img src="画像URL" border="0" title="管理者用記事編集"></a>

【テキストリンク】
<a href="<%url>admin.php?mode=editentry&no=<%topentry_no>" target="_blank">記事編集</a>

これなどは使えないでしょうか？
直接記事編集が出来るタグです。
過去記事で字の間違いに気付いた時などに便利です。

私は日付をタイトル横に移動してしまったのでその並びに入れ込みました。
ただ合ってるかどうか(汗)
前回の様に自分だけ機能していても意味が有りませんので、チェックしていただければ幸いです。
お手数お掛けします

[ 2007/02/13 15:34 ] [ 編集 ]

> ちゃんさん

いつも有難う御座います。ちゃんさん＾＾
気付いたらすぐ直せる、これは非常に便利ですね。
是非またこれを紹介させてください。
本当にいつも有難うございます＾＾

[ 2007/02/13 23:51 ] [ 編集 ]

コメントの投稿