|
|
|
|
imoji208.gif |
|
|
|
|
|
imoji213.gif |
imoji214.gif |
|
imoji215.gif |
imoji216.gif (60×102ピクセル) |
|
|
||||||
|
上の素材を1つ使ってテーブルを使ったメニューを作ってみました。
上の犬の画像の背景に
「kabe.gif」を使っているので
上部の丸みの上に犬をかぶせることが出来ます。「kabe.gif」をダウンロードして
同じフォルダに入れてお使い下さい。また、下のソースを参考にして
文字やリンク先など変更して、御自分の環境に合わせてお使い下さいね!
<TABLE BORDER=0 BGCOLOR="#66CC66" CELLSPACING=0
CELLPADDING=0 WIDTH=100>
<TR><TD BACKGROUND="kabe.gif" WIDTH=100
HEIGHT=150><CENTER>
<P><IMG SRC="imoji216.gif" WIDTH=60 HEIGHT=102
ALIGN=bottom></P></CENTER>
</TD></TR><TR><TD WIDTH=100>
<CENTER><TABLE BORDER=0 CELLSPACING=8 CELLPADDING=4
WIDTH=100>
<TR><TD BGCOLOR="#FFFFCC">
<CENTER><A
HREF="リンク先アドレス">目次1</A></CENTER>
</TD></TR><TR><TD BGCOLOR="#FFFFCC">
<CENTER><A
HREF="リンク先アドレス">目次2</A></CENTER>
</TD></TR><TR><TD BGCOLOR="#FFFFCC">
<CENTER><A
HREF="リンク先アドレス">目次3</A></CENTER>
</TD></TR><TR><TD BGCOLOR="#FFFFCC">
<CENTER><A
HREF="リンク先アドレス">目次4</A></CENTER>
</TD></TR><TR><TD BGCOLOR="#FFFFCC">
<CENTER><A
HREF="リンク先アドレス">目次5</A></CENTER>
</TD></TR><TR><TD BGCOLOR="#FFFFCC">
<CENTER><A
HREF="リンク先アドレス">目次6</A></CENTER>
</TD></TR></TABLE></CENTER></TD></TR></TABLE>