タグでタイトルを作ってみよう!!

自分でオリジナルのタイトルを作ってみたいな・・・と、お思いの方へ、
タグで作るタイトルの作り方をのっけてみました。
参考になるかどうか・・・判りませんが、興味ある方は読んでみて下さいませ
★ブラウザや閲覧環境によっては思った通りの効果が出ない事もあります
★これはブラウザでのみ表示する方法で、保存は出来ません


まず、アクセントの画像をFREE素材から拾って来ます。
TOPページになりますので、あまり重くならないのがお薦めです。
ここでは、お花のアイコンから「チューリップ(立体)アイコン」を、アニメの部屋から
「謎の球体Xアニメの(小)」を持って来ました。

試しに作ってみたのが、下のタイトルです。
ball_anime_02.gif Welcome to My Homepage ball_anime_02.gif

tulip_06b.gif Queen's FREE World tulip_06b.gif
これのソースは、以下の通りになってます。
が・・・何分にも、パソ音痴な女王の事、へんな事をしてるかもしれません(^^;)

<CENTER>
<TABLE BORDER=6 BGCOLOR="#F4E3FF" CELLPADDING=3>
<TR>
<TD>
<TABLE BORDER=2>
<TR>
<TD>
<CENTER>
<IMG SRC="image/kyuani02.gif" width="10" height="10" alt="ball_anime_02.gif>
<FONT COLOR="#008040"><I><B>Welcome to My Homepage</B></I></FONT>
<IMG SRC="image/kyuani02.gif" width="10" height="10" alt="ball_anime_02.gif">
</CENTER>
<HR WIDTH=400 SIZE=3 ALIGN=CENTER>
<IMG SRC="image/tulip_06b.gif" width="25" height="25" alt="tulip_06b.gif">
<FONT SIZE=8 COLOR="#D90BA0"><B>Queen's FREE World</B></FONT>
<IMG SRC="image/tulip_06b.gif" width="25" height="25" alt="tulip_06b.gif">
<BR>
</TD></TR></TD></TR></TABLE></TABLE>

夏用に、TABLEの背景色と文字色とアイコンを変えてみました(^_^)
sun_anime.gif Welcome to My Homepage sun_anime.gif

Queen's FREE World
上のタグのアイコンと背景色を変えただけです(^_^)
<TABLE BORDER=6 BGCOLOR="#0000FF" CELLPADDING=3>
カラーコードは、カラーテーブルを参考にしてね♪

応用タイトル
win_10_9.gif Welcome to My Homepage win_10_9.gif

win_001.gif Queen's FREE World win_001.gif

タグたねあかし(背景に壁紙を使って見ました)
<CENTER>
<TABLE BORDER=6 BGCOLOR="#8080ff" CELLPADDING=3 background="image/bg_anime.gif">
<TR>
<TD>
<TABLE BORDER=2>
<TR>
<TD>
<CENTER>
<IMG SRC="image/win_10_9.gif" WIDTH="30" HEIGHT="30" ALT="win_001.gif">
<FONT COLOR="#008040"><I><B>Welcome to My Homepage</B></I></FONT>
<IMG SRC="image/win_10_9.gif">
</CENTER>
<HR WIDTH=200 SIZE=1 ALIGN=CENTER>
<IMG SRC="image/win_001.gif" WIDTH="30" HEIGHT="30" ALT="win_001.gif">
<FONT SIZE=6 COLOR="#8080ff"><B>Queen's FREE World</B></FONT>
<IMG SRC="image/win_001.gif">
<BR>
</TD></TR></TD></TR></TABLE></TABLE>
夏用と変わってるのは文字の大きさと色FONT SIZE=6 COLOR="#8080ff"
背景の色、壁紙を使う事、BGCOLOR="#8080ff" CELLPADDING=3 background="image/bg_anime.gif"
HRのラインの長さと大きさHR WIDTH=200 SIZE=1です
imageとなっているのは、画像を置いてる場所の名前ですが、
貴方のサーバの画像置き場の名前にして下さいね


BACK