文字入り犬素材3

この下の素材は450×170ピクセルです。文字を乗せてお使い下さい。
 

imoji208.gif

この下の3つの素材は70×85ピクセルです。透過のアニメーションです。
 

imoji213.gif

 

imoji214.gif

 

imoji215.gif

 

imoji216.gif

(60×102ピクセル)

 

目次1
目次2
目次3
目次4
目次5
目次6

上の素材を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>