チェックのテンプレ

テーブルの背景に画像を使ったテンプレです。使い方は、ソースの前にあります。

■ タイトル ■

フリースペース

　サブタイトル

画像1	画像2	画像3
リンク1	リンク2	リンク3
画像4	画像5	画像6
リンク4	リンク5	リンク6
画像7	画像8	画像9
リンク7	リンク8	リンク9

蓮4044　

ショップへのリンク
■ 1	■ 2
■ 3	■ 4
■ 5	■ 6
■ 7	■ 8
■ 9	■ 10

* 画像はコチラになります *

↑10×10pix

●　最初に・・・画像をお持ち帰り頂き、ご自分のPCから画像の倉庫にアップロードしてお使いください。　

画像のお持ち帰り方法

<Win> 画像の上で右クリック →「名前をつけて画像を保存」　　
<Mac>画像の上でボタンを長押し→「画像をディスクにダウンロード」

●　ソースをコピーし、メモ帳などにペーストして、☆☆☆の部分をご自分の画像のソースと
　　入れ替えてください。

　　　　・画像オプション→■ HTMLタグの中の（登録した画像をクリックすると表示されます）

　　　　↑ブルーの字の部分をコピー＆ペーストすればOKです。
　　　　　　この時に「"」を消してしまったり、スペースが余計に入ったりしないように気をつけて下さい。

●　ショップへのリンク部分が必要ない方は、グリーンの文字の部分をカットしてください。

<CENTER><TABLE border="0"><TBODY><TR><TD align="center"><TABLE border="0" width="550" cellspacing="0"><TBODY><TR><TD align="center"><B><FONT color="#00cc00">■</FONT><FONT color="#666666" size="4">タイトル </FONT><FONT color="#00cc00">■</FONT></B><BR>
<BR>
</TD></TR><TR><TD align="left"><CENTER>
<TABLE width="500" border="2" cellpadding="10" bordercolor="#ACFFC1">
<TBODY>
<TR>
<TD align="left"><FONT size="-1" color="#666666">フリースペース</FONT><BR>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
</TD>
</TR>
<TR>
<TD align="center"><BR>
　サブタイトル<BR>
<BR>
</TD>
</TR>
<TR>
<TD>
<TABLE background="☆☆☆" border="0" width="550" cellpadding="25"><TR>
<TD align="center">
<TABLE style="border-width : 1px;border-style : solid;border-color : #228b22;" bgcolor="#ffffff"><TR><TD>
<TABLE style="border-width : 1px;border-style : dashed;border-color : #228b22;" border="0" cellspacing="15">
<TBODY>
<TR>
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="135" height="120" align="center">画像1</TD>
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="135" height="120" align="center">画像2</TD>
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="135" height="120" align="center">画像3</TD>
</TR>
<TR>
<TD width="135" align="center">リンク1</TD>
<TD width="135" align="center">リンク2</TD>
<TD width="135" align="center">リンク3</TD>
</TR>
<TR>
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="135" height="120" align="center">画像4</TD>
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="135" height="120" align="center">画像5</TD>
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="135" height="120" align="center">画像6</TD>
</TR>
<TR>
<TD width="135" align="center">リンク4</TD>
<TD width="135" align="center">リンク5</TD>
<TD width="135" align="center">リンク6</TD>
</TR>
<TR>
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="135" height="120" align="center">画像7</TD>
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="135" height="120" align="center">画像8</TD>
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="135" height="120" align="center">画像9</TD>
</TR>
<TR>
<TD align="center">リンク7</TD>
<TD align="center">リンク8</TD>
<TD align="center">リンク9</TD>
</TR>
</TBODY>
</TABLE></TD></TR></TABLE>
</TD>
</TR></TABLE>
</TD>
</TR>
<TR>
<TD align="right"><A href="http://plaza.rakuten.co.jp/kimama10/" style="text-decoration:none;"><FONT size="-2">蓮4044　</FONT></A></TD>
</TR></TBODY></TABLE><BR>
<table style="border-width : 1px;border-style : solid;border-color : #228b22;" width="500" border="0" align="center" bordercolor="#9BFFB5" bgcolor="#9BFFB5">
<TR>
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" colspan="2" align="center"><B><FONT color="#666666">ショップへのリンク</FONT></B></TD>
</TR>
<tr bgcolor="#FDF9FD" >
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="250" align="left"><font color="#5BFF85" size="2">■</font> 1</TD>
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="250" align="left"><font color="#5BFF85" size="2">■</font> 2</TD>
</tr>
<tr bgcolor="#FDF9FD" >
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="250" align="left"><font color="#5BFF85" size="2">■</font> 3</TD>
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="250" align="left"><font color="#5BFF85" size="2">■</font> 4</TD>
</tr>
<tr bgcolor="#FDF9FD" >
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="250" align="left"><font color="#5BFF85" size="2">■</font> 5</TD>
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="250" align="left"><font color="#5BFF85" size="2">■</font> 6</TD>
</tr>
<tr bgcolor="#FDF9FD" >
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="250" align="left"><font color="#5BFF85" size="2">■</font> 7</TD>
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="250" align="left"><font color="#5BFF85" size="2">■</font> 8</TD>
</tr>
<tr bgcolor="#FDF9FD" >
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="250" align="left"><font color="#5BFF85" size="2">■</font> 9</TD>
<TD style="border-width : 1px;border-style : solid;border-color : #228b22;" width="250" align="left"><font color="#5BFF85" size="2">■</font> 10</TD>
</tr></table>
</TD></TR></TBODY></TABLE></CENTER>

+++画像は蓮4044の自作です+++

*なちゅらる はうす*

チェックのテンプレ

なちゅらるはうす