■情報商材ランク付け■　ブログのレイアウト（コンテンツ幅編１）

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

▼ ■情報商材ランク付け■　ブログのレイアウト（コンテンツ幅編１）

今日も頑張ってます♪皆さんの一押しでさらに頑張れます<(_ _)>
■人気ブログランキング
■FC2 ブログランキング

ただいまより　研究屋のらねこの研究発表を行います。

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

ブログアフィリエイトをしている人の大半が
３カラムのテンプレートを使用していると思います。

今日はその３カラム　左　中央　右　
の幅の変更方法をお話したいと思います。

あ。その前に必ずバックアップは取ってくださいね！
メモ帳などでいいんで！

まず、全体の幅の設定から。
変更するのはもちろんスタイルシートです。

全体の大まかな設定は
＜body＞～＜/body＞
の中に入っています。

そこにある、
#baseBlock {←種類によっては違うと思いますが、一番大きな数字と思ってください
width: 980px;（単位は色々。今回はピクセル）
というところを変更してもらえばOKです。

最大幅の確認は
デスクトップで左クリック→画面の設定
解像度の所で確認できます。

おそらく横幅は1024pxになっていると思います。

それが最大幅なので、最大幅の95%程で
最大幅で、さらに見栄えよくできます。

で、次はそれぞれのカラムの幅変更

プラグインの題名に
情報商材やアフィリエイト
って文字を入れると
タイトルが長くなりますよね？

ただでさえタイトルが長くなりやすいので
コンテンツ幅は最大限に活用したいと思います。

まず基本です。バックアップはとりましたか？

では行きましょう。

各カラムは幅の面では独立していません！
左＋中央　右
というように分かれています。

中央をの幅を決めるより元のテンプレートから左右の幅を決めてください。
残りが中央になります。

今回は幅の変更だけなので
ライン幅の変更はしません。

まず左＋中央
#baseLeft {
width : 770px;
float : left;
というところを変更してください。

意味は
■baseLeftという関数は幅が770pxで左側に置きます■
ということです。

少し長くなったので今日はここまで。
幅の詳細設定は次回です。

☆言い忘れましたが、例えば770を980に変更したとします。
　そうしたら、以下出てくる770という数字を
　すべて980に変更してください。

同じ関数内で数字が違うと変ですしね。

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

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

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

この記事へのコメント

コメントを投稿する