胡麻塩風味 育児日記 育児漫画 息抜き日記 ギャラリー 素材集 掲示板 リンク
胡麻塩風味 育児日記 育児漫画 息抜き日記 ギャラリー 素材集 掲示板 リンク

メニュー
1.枠素材の使い方
2.枠素材一覧

・素材集へ戻る

リンク集

関連サイト

枠素材の使い方
1.まず ここ から気に入った枠素材をダウンロードしてください。


2.ダウンロードしたファイルを解凍すると「sample.html」と「images」フォルダがあります。
解凍例



3.解凍して出来た「images」フォルダを枠を使いたいページ(index.htmlなど)が存在するフォルダにコピーします。



4.解凍して出来た「sample.html」を「メモ帳」で開き<!--ここから-->〜<!--ここまで-->を 枠を使いたいページの枠を使いたい部分にコピーします。

例)
まず「sample.html」の<!--ここから-->〜<!--ここまで-->をコピーします。
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td background="images/table_material01_black_01.jpg" width="12px" height="27px">
    </td>
    <td background="images/table_material01_black_03.jpg" height="27px"
          style="color:#FFFFFF;font-size:10pt;font-weight:bold">
      ここにタイトルを記述してください。
    </td>
    <td  background="images/table_material01_black_05.jpg" width="14px" height="27px">
    </td>
  </tr>
  <tr>
    <td background="images/table_material01_black_07.jpg" width="12px"></td>
    <td bgcolor="#444445" style="font-size:9pt;color:#FFFFFF">
      <br/>
      ここに内容を記述してください。
      <br/><br/><br/>
    </td>
    <td background="images/table_material01_black_09.jpg" width="14px">
    </td>
  </tr>
  <tr>
    <td background="images/table_material01_black_12.jpg" width="12px" height="11px">
    </td>
    <td background="images/table_material01_black_14.jpg" height="11px">
    </td>
    <td background="images/table_material01_black_16.jpg" width="12px" height="11px">
    </td>
  </tr>
</table>
次に枠を使いたいページを「メモ帳」で開き枠を表示する部分にコピーした部分を貼り付けます。
たとえば以下のようなHTMLであれば
<body>
	<center>
		この下に枠を表示します。<br/>
	</center>
</body>
貼り付けた結果はこのようになります。
<body>
	<center>
		この下に枠を表示します。<br/>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td background="images/table_material01_black_01.jpg" width="12px" height="27px">
    </td>
    <td background="images/table_material01_black_03.jpg" height="27px"
          style="color:#FFFFFF;font-size:10pt;font-weight:bold">
      ここにタイトルを記述してください。
    </td>
    <td  background="images/table_material01_black_05.jpg" width="14px" height="27px">
    </td>
  </tr>
  <tr>
    <td background="images/table_material01_black_07.jpg" width="12px"></td>
    <td bgcolor="#444445" style="font-size:9pt;color:#FFFFFF">
      <br/>
      ここに内容を記述してください。
      <br/><br/><br/>
    </td>
    <td background="images/table_material01_black_09.jpg" width="14px">
    </td>
  </tr>
  <tr>
    <td background="images/table_material01_black_12.jpg" width="12px" height="11px">
    </td>
    <td background="images/table_material01_black_14.jpg" height="11px">
    </td>
    <td background="images/table_material01_black_16.jpg" width="12px" height="11px">
    </td>
  </tr>
</table>
	</center>
</body>



5.貼り付け部分の「ここにタイトルを記述してください」の部分と「ここに内容を記述してください」の部分を自由に編集し 保存して「メモ帳」を閉じます。


以上で終了です。

枠素材一覧

ダウンロード

ダウンロード

ダウンロード

ダウンロード

ダウンロード

ダウンロード

ダウンロード

ダウンロード
本ページで使用している画像その他データの著作権は栗きんとんに、あります。
バナー以外の当ホームページで掲載されている画像・文章等の転載・転用はお断りします。
inserted by FC2 system