Boku's Style

HTMLテンプレート



朝霧葡萄の
「正方形トリミングすく~る」受講中

以下のHTMLソースをコピーして、トップページに貼り付けてください。
<center> <table width="300" border="0" cellspacing="0" cellpadding="0" bgcolor="000000">
<td align="center" valign="middle">
<IMG SRC="http://image.space.rakuten.co.jp/lg01/29/0000135929/26/imga76360e92k4rog.jpeg" width="25" height="25" border="0"> </td>
<a href="http://plaza.rakuten.co.jp/bokustyle/004001">
<td align="middle"> <font color="ffffff"> <b>朝霧葡萄の<br>「正方形トリミングすく~る」受講中</b></font></td></a>
<td><IMG SRC="http://image.space.rakuten.co.jp/lg01/29/0000135929/26/imga76360e92k4rog.jpeg" width="25" height="25"></td> </table>



正方形トリミングすく~る・テンプレート01

<!--テンプレート01タイトル-->
<center>
<table width="546" border="0" cellspacing="0" cellpadding="0" bgcolor="000000">
<td align="center" valign="middle">
<IMG SRC="http://image.space.rakuten.co.jp/lg01/29/0000135929/26/imga76360e92k4rog.jpeg" width="30" height="30" border="0"></td>
<td align="middle"><b><font color="ffffff"> 正方形トリミングすく~る・テンプレート001 </font></b></td> <td><IMG SRC="http://image.space.rakuten.co.jp/lg01/29/0000135929/26/imga76360e92k4rog.jpeg" width="30" height="30" border="0"></td>
</tr></table><br><br>

<!--テンプレート01-->
<table border="1" width="546" height="546" bgcolor="ffffff"> <tr><td>

<table border="0" width="490" height="490" cellspacing="10" cellpadding="0" bgcolor="ffffff">

<!--1行目の3画像。左から-->
<tr><td><IMG SRC=" http://image.space.rakuten.co.jp/lg01/29/0000135929/84/img67d2c52637wzbg.jpeg " width="150" height="150"></td> <td><IMG SRC=" http://image.space.rakuten.co.jp/lg01/29/0000135929/84/img67d2c52637wzbg.jpeg " width="150" height="150" ></td> <td><IMG SRC=" http://image.space.rakuten.co.jp/lg01/29/0000135929/84/img67d2c52637wzbg.jpeg " width="150" height="150"></td></tr>

<!--2行目の3画像。左から-->
<tr><td><IMG SRC=" http://image.space.rakuten.co.jp/lg01/29/0000135929/84/img67d2c52637wzbg.jpeg " width="150" height="150"></td> <td><IMG SRC=" http://image.space.rakuten.co.jp/lg01/29/0000135929/84/img67d2c52637wzbg.jpeg " width="150" height="150"></td> <td><IMG SRC=" http://image.space.rakuten.co.jp/lg01/29/0000135929/84/img67d2c52637wzbg.jpeg " width="150" height="150"> </td></tr>

<!--3行目の3画像。左から-->
<tr><td><IMG SRC=" http://image.space.rakuten.co.jp/lg01/29/0000135929/84/img67d2c52637wzbg.jpeg " width="150" height="150"></td> <td><IMG SRC=" http://image.space.rakuten.co.jp/lg01/29/0000135929/84/img67d2c52637wzbg.jpeg " width="150" height="150"></td> <td><IMG SRC=" http://image.space.rakuten.co.jp/lg01/29/0000135929/84/img67d2c52637wzbg.jpeg " width="150" height="150"></td> </tr></table>

</td></tr></table>

<font size="0"><i>Copy Right Budou Asagiri, Since 2005</font>

白抜きの中のソースをコピーして、ご自分のフリーページ作製画面にペーストしてください。
その際、自動改行なしを選択してください。
本ソースの青字の箇所には、写真のタイトルを、赤字の箇所に挿入したい画像のファイル名を入れてください。
楽天の画像倉庫、画像オプションのお使いの方は、以下のようなHTMLがすべて表示されますが、
写真サイズが変わらないように、その赤字の部分をコピーして、本テンプレートの赤字の箇所に入れ替えてください。
<IMG SRC=" http://plaza.rakuten.co.jp/img/user/27/52/37492752/48.jpg " width="300" height="300">

画像の灰色の部分に、文字を入れる場合は、以下のようになさって下さい。
白抜きの中のソースから、文字を入れたい画面に相当する部分の
<td><IMG
SRC=" http://image.space.rakuten.co.jp/lg01/29/0000135929/84/img67d2c52637wzbg.jpeg "
width="150" height="150"></td>
を削除して、変わりに
<td bgcolor="dddddd" align="center" valign="middle"> ここに文字を入れる </td>
をコピーして、挿入します。 文字を複数行にしたい場合は、改行の箇所に<br>と半角文字で入れてください。



© Rakuten Group, Inc.
X
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: