*なちゅらる はうす*

チェックのテンプレ


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

タイトル

フリースペース

 サブタイトル

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

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

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

↑10×10pix

最初に・・・画像をお持ち帰り頂き、ご自分のPCから画像の倉庫にアップロードしてお使いください。 
画像のお持ち帰り方法
<Win> 画像の上で右クリック →「名前をつけて画像を保存」
<Mac>画像の上でボタンを長押し→「画像をディスクにダウンロード」

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

    ・画像オプション→ ■ HTMLタグ の中の(登録した画像をクリックすると表示されます)
<IMG SRC=" http://plaza.rakuten.co.jp/img/user/71/44/5717144/66 .gif " width="100" height="100" alt="足跡+ふわふわ2">
↑ブルーの字の部分をコピー&ペーストすれば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の自作です+++



© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: