タイトルバナーを作ってみましょう!
画像と画像を組み合わせて
タイトルバナーを作ってみましょう!!
◆◆パターン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.g if |
◆◆パターン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のお好きな場所にコピー&ペーストして
- 文字の部分はお好きな文字に変えて!これで完了!!
-
|
|