|
|
||||
|
inu3222.gif |
inu3223.gif |
inu3224.gif |
inu3231.gif |
inu3226.gif |
|
inu3227.gif |
inu3229.gif |
inu3233.gif |
inu3234.gif |
inu3235.gif |
|
inu3237.gif |
inu3236.gif |
inu3238.gif |
inu3242.gif |
inu3241.gif |
 |
 |
|
|
この真ん中の部分はテキストを入力できます。
文字の長さに応じて縦のラインは伸びますので |
||
|
|
|
「tate2.gif」 
「yoko2.gif」
下のソースを参考に、文字の部分やアイコンなどを変更して見て下さい！
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0
WIDTH=500>
<TR><TD WIDTH=32 HEIGHT=32>
<CENTER><IMG SRC="inu3236.gif" WIDTH=32 HEIGHT=32
ALIGN=bottom></CENTER>
</TD><TD BACKGROUND="yoko2.gif"
HEIGHT=32><P></P></TD><TD WIDTH=32
HEIGHT=32>
<CENTER><IMG SRC="inu3237.gif" WIDTH=32 HEIGHT=32
ALIGN=bottom></CENTER>
</TD></TR><TR><TD BACKGROUND="tate2.gif"
WIDTH=32><P></P></TD><TD>
<CENTER>
<P>この真ん中の部分はテキストを入力できます。<BR>
９つのテーブルの４隅に上のアイコンを使い<BR>
上下のセルには「yoko2.gif」を背景画像に使い<BR>
左右のセルには「tate2.gif」を背景画像に使ってます。</P><P></P>
<P>文字の長さに応じて縦のラインは伸びますので<BR>
デザインが崩れることはありません。<BR>
下のソースを参考にしてお使い下さいね！</P>
<P></P></CENTER></TD><TD
BACKGROUND="tate2.gif" WIDTH=32>
<P></P></TD></TR><TR><TD WIDTH=32
HEIGHT=32>
<CENTER><IMG SRC="inu3236.gif" WIDTH=32 HEIGHT=32
ALIGN=bottom></CENTER>
</TD><TD BACKGROUND="yoko2.gif"
HEIGHT=32><P></P></TD><TD WIDTH=32
HEIGHT=32>
<CENTER><IMG SRC="inu3237.gif" WIDTH=32 HEIGHT=32
ALIGN=bottom></CENTER>
</TD></TR></TABLE>