サイトアフィリ系に必要な情報商材だけを紹介!サイト・ブログのみで稼ぎたい人はどうぞ♪
サイトマップを表示
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
気が向いたら押してやってください。泣いて喜びます
人気ブログランキング
FC2 ブログランキング

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

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

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

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

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

簡単でしょ?

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

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

って書いてあります

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

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

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

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

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

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


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

TOPページはこちらから↓
情報商材アフィリエイトで月収50万!
スポンサーサイト
今日も頑張ってます♪皆さんの一押しでさらに頑張れます<(_ _)>
人気ブログランキング
FC2 ブログランキング


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


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


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

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


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


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

全体の大まかな設定は
<body>~</body>
の中に入っています。

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

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

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

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


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

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

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

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

では行きましょう。

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

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

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

まず左+中央
#baseLeft {
width : 770px;
float : left;

というところを変更してください。

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


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


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

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


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

TOPページはこちらから↓
情報商材アフィリエイトで月収50万!
今日も頑張ってます♪皆さんの一押しでさらに頑張れます<(_ _)>
人気ブログランキング
FC2 ブログランキング


研究屋のらねこです。

えと。今日は研究結果の発表をしたいと思います!


題して
FC2ブログ・レイアウト変更!htmlも怖くない!!(序章)


FC2ブログの特徴の
豊富なテンプレート!


知識のある人はさらにHTMLをいじって
すばらしいブログに仕上げています!

でもHTMLってむずかしいですよね?
そういう私もHTMLは初めHTMLは分からなかったんですよ。。。

実際色々やっていくうちに
分かってきたことを書いていきます


今日は入りだけ。
次回はブログレイアウト・コンテンツ幅の変更
どうぞおたのしみに<(_ _)>


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

TOPページはこちらから↓
情報商材アフィリエイトで月収50万!
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。