|
|
||||
|
inu3246.gif |
inu3247.gif |
inu3252.gif |
inu3249.gif |
inu3259.gif |
|
inu3262.gif |
inu3257.gif |
inu3258.gif |
inu3261.gif |
inu3260.gif |
|
inu3272.gif |
inu3270.gif |
inu3263.gif |
inu3264.gif |
inu3266.gif |
|
上のアイコンをテーブルを使った表に入れると、こんなメニューもできます。
下のソースを参考にして、文字や色・アイコン・リンク先など変更してみて下さいね!
<TABLE BORDER=0 BGCOLOR="#FFCD70"
CELLSPACING=0 CELLPADDING=5 WIDTH=150>
<TR><TD><CENTER><TABLE BORDER=1
BGCOLOR="#FFFFFF" CELLPADDING=3 WIDTH=140>
<TR><TD WIDTH=32 HEIGHT=32>
<CENTER><IMG SRC="inu3246.gif" WIDTH=32 HEIGHT=32
ALIGN=bottom></CENTER>
</TD><TD HEIGHT=32><P ALIGN=right><A
HREF="リンク先アドレス">トップ</A></P>
</TD></TR><TR><TD WIDTH=32>
<CENTER><IMG SRC="inu3258.gif" WIDTH=32 HEIGHT=32
ALIGN=bottom></CENTER>
</TD><TD><P ALIGN=right><A
HREF="リンク先アドレス">掲示板</A></P>
</TD></TR><TR><TD WIDTH=32>
<CENTER><IMG SRC="inu3270.gif" WIDTH=32 HEIGHT=32
ALIGN=bottom></CENTER>
</TD><TD><P ALIGN=right><A
HREF="リンク先アドレス">ブログ</A></P>
</TD></TR><TR><TD WIDTH=32>
<CENTER><IMG SRC="inu3266.gif" WIDTH=32 HEIGHT=32
ALIGN=bottom></CENTER>
</TD><TD><P ALIGN=right><A
HREF="リンク先アドレス">リンク</A></P>
</TD></TR><TR><TD WIDTH=32>
<CENTER><IMG SRC="inu3272.gif" WIDTH=32 HEIGHT=32
ALIGN=bottom></CENTER>
</TD><TD><P ALIGN=right><A
HREF="リンク先アドレス">自己紹介</A></P>
</TD></TR><TR><TD WIDTH=32>
<CENTER><IMG SRC="inu3264.gif" WIDTH=32 HEIGHT=32
ALIGN=bottom></CENTER>
</TD><TD><P ALIGN=right><A
HREF="リンク先アドレス">メール</A></P>
</TD></TR></TABLE></CENTER></TD></TR></TABLE>