3カラムテンプレートの構成はどうして決まる?;FC2ブログ・プチカスタマイズ   

3カラムテンプレートの構成はどうして決まる?|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの ・FC2ブログのテンプレートカスタマイズ | カラム配置のカスタマイズ| 3カラムテンプレートの構成はどうして決まる? に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 


 
 
Top Page > スポンサー広告 > 3カラムテンプレートの構成はどうして決まる?・FC2ブログのテンプレートカスタマイズ > カラム配置のカスタマイズ > 3カラムテンプレートの構成はどうして決まる?


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking

このエントリーをはてなブックマークに追加

 FC2ブログの3カラムテンプレートには、スタイルシートの書き方が違っていてもカラムの構成パターンが決まっているので、基本的なカラムの構成を覚えておけば同じようなカスタマイズができる。

 

FC2ブログの3カラムテンプレートの基本構成

1、『メインカラム+サイドカラム1(プライマリーカラム+セカンダリーカラム)』と『サイドカラム2(エクストラカラム)』はひとつの塊として構成されている。

例)baseBlock、containerなどの中に、baseLeft『メインカラム+サイドカラム1(プライマリーカラム+セカンダリーカラム)』と残りのブロック、wrapper『メインカラム+サイドカラム1(プライマリーカラム+セカンダリーカラム)』 と残りのブロック。

 

2、『メインカラム』と『サイドカラム1』は同じひとつの塊として構成されている。

例)wrapper、baseLeft

 

 要は、1の塊の中に、2が入れ子状に入り込んで3カラムテンプレートが構成されている。

 

 図にすると下のような感じ

3カラムテンプレートの構成  

 『メインカラム+サイドカラム1(プライマリーカラム+セカンダリーカラム)』と『サイドカラム2(エクストラカラム)』をサイトの右に表示するか左に表示するかは、wrapperやbaseを右に表示するか左に表示するかのスタイルシートで決まってくる。

 左に表示させたければ、float : left;、逆に右に表示させたければfloat : right;でスタイルシートを指定する。 

 

メインカラムとサイドカラム1の構成

 メインカラム+サイドカラム1(プライマリーカラム+セカンダリーカラム)』と『サイドカラム2(エクストラカラム)』はひとつの塊として構成されている。

 サイドカラムとメインカラムが右と左のどちらに表示されるかどうかは、スタイルシートでfloat : left; 、float : right;で指定する。

 

 と聞いても、あまりぴんとこないが・・・。

 要はスタイルシートのfloat : left; 、float : right;のleft; 、 rightを書き換えて反対にすると、各カラムの配置を変えることができる。

 実際のテンプレートは、HTMLやスタイルシートの書き方がそれぞれ違うが、各カラムの配置をfloat : left; 、float : right;で指定するのはほとんど、どのテンプレートでも同じなのだ。



サイト内の同タグへのリンク: FC2  ブログ  テンプレート  3カラム  スタイルシート 
他のサイトへのタグリンク : FC2 ブログ テンプレート 3カラム スタイルシート

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[カラム配置のカスタマイズ]
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/135-9ce488c4
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。