ここに文字や画像が入ります。 こんな感じでd(^-^)ネ! ※テロップ風のテーブルですね。 ※こんな感じのテーブルは、GAIAXのHPではよく見かけたものですね。ｗ ※枠はちょっと複雑にしてありますが、まだまだ小技ですね。 ◇テロップテーブルソース <TABLE bgcolor="black" cellspacing="0"> <TBODY> <TR> <TD> <TABLE cellspacing="3" frame="vsides" bgcolor="lime"> <TBODY> <TR> <TD> <TABLE frame="vsides" bgcolor="black" cellspacing="0"> <TBODY> <TR> <TD> <TABLE bgcolor="skyblue" cellspacing="3" frame="vsides"> <TBODY> <TR> <TD> <TABLE frame="vsides" bgcolor="black" cellspacing="0"> <TR> <TD> <TABLE frame="vsides" bgcolor="blue" cellspacing="3"> <TR> <TD> <TABLE frame="vsides" cellspacing="0" bgcolor="black"> <TR> <TD width="250" height="150"> <MARQUEE direction="up" scrollamount="2" width="250px" height="150px"> <FONT color="white" size="-1">ここに文字や画像が入ります。</FONT><BR><BR> <CENTER> <IMG src="画像URL" width="50" height="50" border="0"><!--ここは好きなものをどうぞ--> </CENTER><BR><BR> <FONT color="white" size="-1">こんな感じでd(^-^)ネ!</FONT> </MARQUEE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> ※文字の速度を早くしたい時は、scrollamountの数字を大きくしてください。 ※この速度を極端に早くすると点滅のように見えるんですよ。ｗ ※あまり大きな画像を入れないほうがいいです。（重くなりますから）
ここの間に文字や画像を入れます。 変更はなんでもお好きなようにどうぞ！ 使い道は・・・・？？わかりません・・・。 （〃゜▽゜；Aアセアセ・・・ ※ちょい渋めのテーブルですが、色を変更したりすると可愛くもなりますよ。 ※すべてDIVで作られていますが、このほうが簡単かな？ ◇DIVテーブルソース <div style="width:300px; height:180px; background-color:chocolate;"> <div style="width:300px; height:180px; border-color:sandybrown; border-style:dotted; border-width:5px; padding:3px 3px;"> <div style="width:294px; height:174px; border-color:sandybrown; border-style:dotted; border-width:5px; background-color:#ffffe0;">ここの間に文字や画像をいれます。</div> </div> </div> ※単純な感じに見えますが・・・単純です。(爆) ※変更点は、どこでもご自由にどうぞ。
３Ｄモドキテーブル スタッフロール風に 表示してみました。 ※とっても単純なテーブルタグのみのテーブルです。 ◇３Ｄもどきテーブルソース <TABLE border="1" bordercolor="blue" cellspacing="0" cellpadding="0"> <TBODY> <TR> <TD> <TABLE border="5" cellspacing="0" cellpadding="0" bordercolordark="deepskyblue" bordercolorlight="white"> <TBODY> <TR> <TD> <TABLE border="5" cellspacing="0" cellpadding="0" bordercolordark="white" bordercolorlight="deepskyblue"> <TBODY> <TR> <TD> <TABLE border="0" cellspacing="0" cellpadding="0" bgcolor="blue"> <TBODY> <TR> <TD> <TABLE cellpadding="0" border="0"> <TR> <TD width="150" height="80"><FONT color="#00ffff"><MARQUEE direction="up" scrollamount="1" vspace="0" height="79">ここに文字を入れます。行を変える時には改行タグで。</MARQUEE></FONT></TD> </TR> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> ※文字は、少し小さめがいいです。もちろん、テーブル自体の大きさは自由に変 更してみてください。
ここに文字を入れます。 こんな感じになります。 ※これも単純にテーブルタグのみでの構成です。 ◇３色テーブルソース <TABLE border="0" bgcolor="blue" cellpadding="1" cellspacing="0"> <TBODY> <TR> <TD> <TABLE bgcolor="deepskyblue"> <TBODY><TR> <TD> <TABLE bgcolor="blue" border="0" cellpadding="1" cellspacing="0"> <TR> <TD> <TABLE bgcolor="lightskyblue"> <TR> <TD> <TABLE bgcolor="blue" border="0" cellpadding="1" cellspacing="0"> <TR> <TD> <TABLE bgcolor="#33ffff"> <TR> <TD> <TABLE bgcolor="blue" border="0" cellpadding="1" cellspacing="0"> <TR> <TD> <TABLE bgcolor="white"> <TR> <TD width="170" height="100"> ここに文字を入れます。<BR> こんな感じになります。</TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> ※このサイトのテーブルの中では、一番ノーマルなものですね。(笑) ※色は、カラフルもできるし、グラデーション風でもいいですね。
NAME： ３Ｄモドキテーブル２ ※これも単純なやつです。何気に単純三連発だね。ｗｗ ◇３Ｄモドキテーブル２ソース <TABLE border="1" cellpadding="0" cellspacing="0" bordercolor="darkblue" bordercolordark="darkblue" bordercolorlight="darkblue"> <TBODY> <TR> <TD> <TABLE border="10" cellpadding="0" cellspacing="0" bordercolor="skyblue" bordercolordark="darkblue" bordercolorlight="skyblue"> <TBODY> <TR> <TD> <TABLE border="1" cellpadding="3" cellspacing="0" bordercolor="darkblue" bordercolordark="darkblue" bordercolorlight="skyblue"> <TBODY> <TR> <TD width="200" height="150">ここに文字や画像を入れる。</TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE>
