■画像名

■記事1タイトル

■画像名

記事1の本文をお書き下さい。

本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文


●背景画像変更 背景画像を変更する場合は、styles.cssを開き
以下のタグのhaikei.jpgを変更してください。


body { background-image: url("img/haikei.jpg"); /* 全体の背景画像 */
background-repeat: no-repeat; /* 背景を繰り返さない */
background-position: 50% 50%; /* 背景画像の位置は画面中央 */
background-attachment:fixed; /* 背景画像を固定する */
}


●ヘッダー画像変更 ヘッダー画像の縦幅を変更する場合は、styles.cssを開き
以下のタグのheightを変更してください。


#header {
width:800px;
height:160px;
background-image: url(img/top.jpg);
position:relative;
background-repeat: no-repeat;
margin: 0px 5px;
}


記事2タイトル

記事2の本文をお書き下さい。


●改行

基本的には、<p>文章</p>のようにPタグを使って文章を構成する
また、<br>でも改行できますので微調整等は<br>を使用して下さい。


●文字の大きさ

<span class="size17">文章</span>のように、
size●●を変更して使用して下さい。

size10  size11  size12  size13  size14
size15  size16  size17  size18  size19
size20  size21  size22  size23
size24  size25  size26

●文字の太さ

文字のように、文字を太くする際は<b>文字</b>のようにします。

*上記タグを使用する際は<>を半角に修正してください。

  • このタイプのブレッドを使う場合は、下記のタグをご利用下さい。
  • <ul class="bullet-a">
  • <li>●●</li>
  • </ul>
  • *上記タグを使用する際は<>を半角に修正してください。
  • このタイプのブレッドを使う場合は、下記のタグをご利用下さい。
  • <ul class="bullet-b">
  • <li>●●</li>
  • </ul>
  • *上記タグを使用する際は<>を半角に修正してください。
  • このタイプのブレッドを使う場合は、下記のタグをご利用下さい。
  • <ul class="bullet-c">
  • <li>●●</li>
  • </ul>
  • *上記タグを使用する際は<>を半角に修正してください。

記事3タイトル

■画像名

■記事3の本文をお書き下さい。

●文字の色

文字色はデフォルトの黒文字以外で、計5種類用意してあります。
aka  ao  tya  gray  green
文字色変更の際は、<span class="aka">文章</span>のように、
span class="●●"の部分を希望の色に変更して下さい。

●文字背景色イエロー

文字のように、文字背景色にイエローを使用することができます。
ご利用の際は、<span class="line">文章</span>のタグを使用して下さい。

●タグを同時に使う

タグは単体ではなく、同時に使うこともできます。
例えば、文章のように、文字の大きさを17px、太文字赤、文字背景色イエローにする場合は
<span class="size17 aka line b">文章</span>のように、"●●"の●●の部分に、
半角スペース区切りで使用したい項目を入力してください。

*上記タグを使用する際は<>を半角に修正してください。


このタイプのボックスを使う場合は、下記のタグをご利用下さい
<div class="box-a">
<p>●●</p>
</div>
*上記タグを使用する際は<>を半角に修正してください。

ボタン このタイプのボックスを使う場合は、下記のタグをご利用下さい

<div class="box-b">
<div class="title"><img src="img/menu_button2.gif" alt="ボタン" />●●</div>
<p>●●</p>
</div>
*上記タグを使用する際は<>を半角に修正してください。

豪華特典ご案内

当サイトから●●●を購入してくださった方に、以下の特典をプレゼントします。


■特典タイトル1

特典を追加する場合は、下記のタグをご利用下さい。
<div class="tokuten">
<h3 class="tokutittle">■特典タイトル1</h3>
<div class="tokuten2">
<span class="tokutenimgr"><img src="img/unlimitokuten1.jpg" /></span>
<p>■特典の本文をお書き下さい。</p>
<p>■特典の本文をお書き下さい。</p>
<p>■特典の本文をお書き下さい。</p>
</div>
</div>
*上記タグを使用する際は<>を半角に修正してください。

上記特典全てを当サイトから●●●を購入してくださった方にプレゼントします。

インフォトップの自動特典送付機能を使い特典をお送りしますので特典請求メールを 送っていただく必要はありません。購入後、インフォトップのアナウンスに従って特典をダウンロードしてください。

ただし、決済画面にて必ず「●●●」の表示があることを
確認してからお申し込みください。この表示がない場合特典は受け取れません。