■情報商材アフィリエイト■　ブログのレイアウト（コンテンツ幅編２）

サイトアフィリ系に必要な情報商材だけを紹介！サイト・ブログのみで稼ぎたい人はどうぞ♪

▼ ■情報商材アフィリエイト■　ブログのレイアウト（コンテンツ幅編２）

気が向いたら押してやってください。泣いて喜びます
■人気ブログランキング
■FC2 ブログランキング

間が空きましたが
題して
FC2ブログ・レイアウト変更！htmlも怖くない!!コンテンツ幅編2
です。

前の記事（コンテンツ幅編１）
で左+中央と右に分かれてるってことを言いました

今回はそのそれぞれの幅変更なんですけど・・
バックアップは取りましたよね？

では。
スタイルシートの真ん中ぐらいに行くと
大体のテンプレートで
<ここから左メニュー>
とか書かれてると思います。

つまり　そこの
～px
てのを変更したらいいのです！

簡単でしょ？

具体的には　まず左+中央
これは　これで１つとかんがえられているので、
例えば私のスタイルシートだと、それぞれの意味は

#menu1Block {←関数です
float : left; width : 200px;←(左+中央のカラムの中で)左から　幅200px
その下に
menu1BlockBase {←関数です
width : 196px; ←(左カラムのタイトルの)幅196px

って書いてあります

左カラムの幅とタイトル幅が違うのは
タイトル幅+回りを囲む線幅＝左カラム幅になるからです。

右カラム
#menu2Block {
float : left; width : 170px;
floatが左になってるのは右カラムの中で
左から170pxという意味です。

中央にしても同じですね！
基本的に線幅は変えなくていいので
プレビューを見たり、更新したりして調節してください。

私の場合は普通の紙に幅を書いて
計算しました♪
研究屋なんで♪

注意しなければいけないのは左右のカラム。
ベースの幅を超える場合はページの下に落っこちます！

いきなり左右が無くなった！
その時は幅を広げすぎ
ってことですね♪

この記事役にたったなぁ♪
という方はポチっとよろしくお願いします。泣いて喜びます。
■人気ブログランキング
■FC2 ブログランキング

TOPページはこちらから↓
情報商材アフィリエイトで月収50万！

[役立つ情報]ブログ編集 | コメント：0 | 11/03

≪【無料レポート】　まずは１０万円の壁を突破する！差がつくアフィリエイト超効率術 | ホーム | 【無料レポート】　しあわせスパイラル効果☆逆アクセスランキング ≫

この記事へのコメント

コメントを投稿する