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

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

左右のカラムを一番上まで伸ばす

以前に右カラムを一番上まで伸ばし、ヘッダと同じ高さにする方法を紹介しました。
今回は左右のカラムを一番上まで伸ばし、ヘッダーを中央カラム内に表示させるカスタマイズを紹介します。このカスタマイズはテンプレートlightframeが対象です。


HTMLを編集します。

<div id="outline">

<!--▼▼ ヘッダー ▼▼-->

<!--▲▲ ヘッダー ▲▲-->


<div id="center-left">

<div id="center">


このヘッダー部分を下記箇所に移動します。

<div id="outline">

<div id="center-left">

<div id="center">

<!--▼▼ ヘッダー ▼▼-->

<!--▲▲ ヘッダー ▲▲-->



これで左右のカラムが一番上まで伸び、ヘッダーが中央カラム内に表示されます。
幅が広めに設定してあるlightframeには有効なカスタマイズかも知れません。
関連記事
[ 869 ] > かどりんさん
こんばんは、かどりんさん。
有難う御座います。喜んで貰えて私も嬉しいです^^
比較的簡単なカスタマイズですが、イメージがかなり変わるようですね。元々幅が広めに設定しているので、むしろこのカスタマイズ後のほうが落ち着くかも知れません。
[ 2006/12/11 00:18 ] [ 編集 ]
[ 2907 ]
初めまして、こんにちは。
いつもstandardを愛用してます。
カスタム向けで無駄がなくシンプルで見やすいので気に入ってます!!!
質問なんですが…、
standardは左右のカラムを上まで伸ばすことはできないのでしょうか?
[ 2007/10/25 16:55 ] [ 編集 ]
[ 8359 ] satandardで同じことをしたいのですが…
こんにちは。
こちらのテンプレートのsatandardを使わせていただいております。
上の方の質問とかぶってしまって大変申し訳ないのですが、
題名の通り左右カラムを上まで伸ばしたいです。
具体的に言うと、ttp://thedetectiveof18.blog13.fc2.com/?share=27007&index&mob=0
の3カラム版のようにしたいです。
忙しいところ申し訳ないのですが、教えてもらえると助かります。
[ 2010/02/13 16:45 ] [ 編集 ]
[ 8378 ] > queさん
余裕ができたら記事に掲載するのでもうしばらくお待ちください。
[ 2010/02/13 23:13 ] [ 編集 ]
[ 8636 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2010/04/02 03:17 ] [ 編集 ]
コメントの投稿









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

ブログ内検索1
プロフィール

いたお

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

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

いたおの他の運営サイト
カレンダー
08 | 2023/09 | 10
- - - - - 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
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

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

08 | 2023/09 | 10
- - - - - 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
ユーザータグ


△ ページトップへ戻る