mail.gif
画像で遊ぼう!(さえ流)



s1.gif タイトルバナーを作ってみましょう!

像と画像を組み合わせて タイトルバナーを作ってみましょう!!



◆◆パターン1◆◆

Sae's Plaza


ソースは下記の通りです。
<table border=4 bordercolor="#cc99bd">
<tr><td valign="middle">
<table><tr><td>
<IMG SRC="rabf41.gif" >
</td>
<td valign="middle">
<b><font size=5 color=#808ab8 face="Comic Sans Ms>
Sae's Plaza</b>
</td>
<td valign="middle">
<IMG SRC="rabf42.gif">
</td></tr></table>
</td></tr></table>
使用画像は、下記の通りです。
rabf41.gif rabf42.gif
Sae's Plaza の部分は、文字です。



◆◆パターン2◆◆





ソースは下記の通りです。
<table border=1 CellSpacing=0 CellPadding=4>
<tr><td bgcolor=fab3b8>
<table CellSpacing=0 CellPadding=4>
<tr><td bgcolor=ffdbd1>
<table border=1>
<tr><td>
<table background=" bfl-m11.gif">
<tr><td valign="middle">
<IMG SRC="1m.gif" >
<IMG SRC="1y.gif">
</td><td valign="middle">
<IMG src="hea14.gif">
</td><td valign="middle">
<IMG SRC="1h.gif">
<IMG SRC="1o.gif">
<IMG SRC="1m.gif">
<IMG SRC="1e.gif">
</td></tr></table>
</td></tr></table>
</td></tr></table>
</td></tr></table>
使用画像は、下記の通りです。
bfl-m11.gif hea14.gif
1m.gif 1y.gif 1h.gif 1o.gif 1e.gif



◆◆パターン3◆◆



ソースは下記の通りです。
<table background="bpa2.gif" border=1>
<tr><td valign="middle">
<table><tr><td>
<IMG src="ten1.gif">
</td><td valign="middle">
<IMG SRC="2w.gif">
<IMG SRC="2e.gif">
<IMG SRC="2l.gif">
<IMG SRC="2c.gif">
<IMG SRC="2o.gif">
<IMG SRC="2m.gif">
<IMG SRC="2e.gif">
</td><td valign="middle">
<IMG src="ten2.gif">
</td></tr></table>
</td></tr></table>
使用画像は、下記の通りです。
bpa2.gif ten1.gif ten2.gif
2w.gif 2e.gif 2l.gif 2c.gif 2o.gif 2m.gif



◆◆パターン4◆◆



ソースは下記の通りです。
<table><tr><td>
<IMG SRC="mil1.gif">
<IMG SRC="mil12.gif">
</td><td>
<IMG SRC="1b.gif">
<IMG SRC="1a.gif">
<IMG SRC="1b.gif">
<IMG SRC="1y.gif">
</td><td>
<IMG SRC="mil14.gif">
<IMG SRC="mil13.gif">
</td></tr>
</td></tr></table>
</td></tr></table>
使用画像は、下記の通りです。
mil1.gif mil2.gif mil13.gif mil14.gif
1b.gif 1a.gif 1y.gif



  • 画像をDL(ダウンロード)して
  • ソースをHTMLのお好きな場所にコピー&ペーストして
  • 文字の部分はお好きな文字に変えて!これで完了!!



[お絵描き2] [GIFアニメ] [遊ぼう] [利用ソフト] [おまけ] [さえ広場]

mail.gif