楽してアフィリエイト > 初心者でも簡単にカスタマイズ出来るアフィリエイト用テンプレート


外枠の作成

基本的な枠組みは下の図のようになっています。
(下の図は少し縮小してます。今横幅は600ですが実際は800です。)

0外枠
1にはタイトル
2はコメントスペース
3はちょっとした見た目の演出
4には中枠(仕切)を
5にはCopyrightを

と言った感じになってます。
4はこのページでは作成しません。
初めての方で何がなんだか分からないという方は、まず下の方の「作成する」を押した後
「見た目で確認」を押してもらいますと何をしようとしてるか分かってもらえると思います。
4は別ページで作るので現段階では
3と5がくっついたような状態表示されます。
1つずつどんな変化があるか試してみると分かりやすいです。
それではまず枠&色サンプルを開いて下さい。(線の種類と色見本です)
これからの作業に必要になります。
注意・・・入力は全角ではなく半角でないと正常に作成されません。


1 2
3
4
5



まず中枠とパーツのページを見てどの中枠を使うか決めて下さい。
(とりあえず今は幅が分かればいいので中枠作成はこの後で)
そして使う中枠の幅を選んで下さい。

中枠よりも広い幅を選ぶとその分間に隙間が生まれます。
ぎっしり詰まってるよりも多少スペースが空いた方が良いという方は、ここで中枠よりも広い幅の物を選んで下さい。
中枠の幅

0.外枠です。図の赤い部分です。
線の種類 線の色
#はつけないで下さい
線の太さ
1~5ぐらいがちょうど良いです
枠の中の色


1.タイトル部分です。
タイトルが長く文字を小さくする場合は影は付けないで下さい。
文字が小さい場合影を付けると汚く見える可能性があります。
タイトル
文字のサイズ
文字の色
文字に影を付ける
影の色

2.タイトルの横の部分です。お知らせなどに使います。
文字が上に流れます
画像も表示できます。
<br>で改行できます。
普通の
コメント覧です。
何も無し
文字のサイズ
文字の色
線の種類
線の色
背景の色
線の太さ

3.飾りの部分です。実際の長さは横幅いっぱいです。
単色の横棒です。
 
横棒の中に字を流せます。
文字を流せます。
右に行くほど薄くなります。
左に行くほど薄くなります。
横棒の色
横棒の太さ
文字の色

(文字を流す場合)
文字の大きさ

(文字を流す場合)

5.下のCopyrightの部分です。実際の長さは横幅いっぱいです。
ノーマルな横棒
Copyright (C) 2004 サイト名 All Rights Reserved.
真ん中が濃くて左右に行くにつれて薄く。
Copyright (C) 2004 サイト名 All Rights Reserved.
横棒の色
文字の色
サイト名

サイト名は長すぎると表示が崩れます長いサイト名の場合はノーマルを選択して下さい。
文字の大きさ


作成されたソースには
<!--中枠はここから-->
というのがありますが、これは注釈で表示する際には反映されないので
そのまま残しておくと編集する際分かりやすいと思います。


     
「作成する」を押した後でなければ「見た目で確認」を押しても意味がありません。
注意点としては下のテキストエリアで直接ソースをいじった場合
その後に「作成する」を押したら上書きされてしまいますので気を付けて下さい。
ソースをいじりたい場合は上の方のカスタマイズに納得してからにしましょう。

納得できる物が出来たならメモ帳などのテキストエディタにコピーして保存をして下さい。

「見た目で確認」を使えば簡単に表示して確認できるので
ここでテンプレを作成する時以外にも使えて便利だと思います。
その際間違っても作成するは押さないで下さい。
Copyright (C) 2004 初心者でも簡単にカスタマイズ出来るアフィリエイト用テンプレート All Rights Reserved.