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

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

lightframeの左右の余白

当サイトが公開している共有テンプレート「lightframe」シリーズは、左右のカラムがコンテンツ枠ギリギリのところにあります。

ここに少し余白を設ける方法を紹介します。
スタイルシートの末尾に以下を加えてください。

#left {
margin-left: 10px; /* 左の余白 */
}

#right {
margin-right: 10px; /* 右の余白 */
}


これで余白ができます。
関連記事
[ 2009/08/03 00:17 ] カスタマイズ lightframe 専用 | TB(0) | CM(7)

≪ 【続きを読む】【続きを閉じる】を画像にする | HOME | URL等の連続した半角英数字の折り返し ≫

[ 5263 ]
いつもお世話になっています。
余白が出来ました♪
有難うございます。
[ 2009/08/03 11:59 ] [ 編集 ]
[ 5270 ] > 豪州サンディさん
左右に少し余白があるほうが、バランス良く見えますね＾＾
[ 2009/08/03 19:29 ] [ 編集 ]
[ 6839 ]
左側に隙間が開きません。
2カラム化が原因？のような気もするのですが…。

全く想像がつかないので、ご教授いただけないでしょうか？
[ 2009/11/08 16:47 ] [ 編集 ]
[ 6846 ] > t-x007さん
２カラム化している場合はちょっと変わってきます。
スタイルシートの末尾にこれを加えてみてください。

#center {
margin-left: 10px; /* 左の余白 */
}
[ 2009/11/08 21:59 ] [ 編集 ]
[ 6847 ]
早速教えていただきありがとうございます。
これから、早速やってみます!!
[ 2009/11/08 22:03 ] [ 編集 ]
[ 6873 ] > t-x007さん
実装しているテンプレートと修正したテンプレートが同じであるか気をつけてください。
[ 2009/11/09 23:25 ] [ 編集 ]
[ 8685 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2010/05/08 19:44 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

≪ 【続きを読む】【続きを閉じる】を画像にする | HOME | URL等の連続した半角英数字の折り返し ≫

ブログ内検索1



サイトマップ

カテゴリ別全記事一覧表示

カテゴリ
お薦め カスタマイズ

【共通】


【lightframe】
【standard】
【スマホ用】

プロフィール

いたお

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
iPhoneアプリも作ってます
ありがとうございます

先生達

RSSフィード
カレンダー
02 | 2023/03 | 04
日 月 火 水 木 金 土
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

02 | 2023/03 | 04
日 月 火 水 木 金 土
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -
サイト外タグ検索
ユーザータグ

メニューバー よくある質問 



△ ページトップへ戻る