Ran.comX TOPへ
厳選リンク集
トップページ用
リンクページ用
アップデート用
スクロール型
ダイアリー用
フレーム各種
その他様々
■その他特殊テンプレート
１．影付テーブルＮｏ．１
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>Shadow Table</TITLE> <STYLE type="text/css"> <!-- .td1 { border-right:2px solid #666666; } .td2 { border-bottom:2px solid #666666; } .td3 { border-right:2px solid #666666; border-bottom:2px solid #666666; padding-top:15px; padding-right:20px; font-size:9pt; color:#5555dd; line-height:18px; } #t1 { filter:Alpha(Opacity=80,FinishOpacity=30,Style=1,StartX=100,FinshX=100,StartY=100,FinshY=100); } #t2 { filter:Alpha(Opacity=0,FinishOpacity=80,Style=1,StartX=0,FinishX=100,StartY=100,FinishY=0); } #t3 { filter:Alpha(Opacity=80); } --> </STYLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD bgcolor="#ccccff" width="20" height="20"></TD> <TD width="300" bgcolor="#ccccff" class="td1"> </TD> <TD width="20"></TD> </TR> <TR> <TD height="350" bgcolor="#ccccff" class="td2"> </TD> <TD valign="top" width="300" bgcolor="#ccccff" class="td3"> <!--ここからテキストを入れていってください。--> ◆影付きテーブル <ul> <LI>影も全てテーブルでできています。 <LI>この部分にテキストを入れていきます。 <li>この設定は、箇条書きにしてあります。</li> <LI>背景色の変更は、bgcolor=""の中を変更してください。（３箇所） <LI>テキストを増やしていきたい場合は、<li></li>の部分を増やしてください。 <LI>箇条書きにしない場合は、<ul>〜</ul>を全て削除すればＯＫです。 <LI>その他の指定は、全てスタイルシートにしてありますので、変更はスタイルシートで。 </ul> <!--ここまでがテキストテーブルです。--> </TD> <TD bgcolor="#999999" id="t1"></TD> </TR> <TR> <TD height="20"></TD> <TD bgcolor="#999999" id="t2"></TD> <TD bgcolor="#999999" id="t3"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
２．影付テーブルＮｏ．２
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>Shadow Table</TITLE> <STYLE type="text/css"> <!-- .td1 { border-right:2px solid #666666; } .td2 { border-bottom:2px solid #666666; } .td3 { border-right:2px solid #666666; border-bottom:2px solid #666666; padding-top:15px; padding-right:20px; font-size:9pt; color:#5555dd; line-height:18px; } #t1 { filter:Alpha(Opacity=80,FinishOpacity=30,Style=1,StartX=100,FinshX=100,StartY=100,FinshY=100); } #t2 { filter:Alpha(Opacity=0,FinishOpacity=80,Style=1,StartX=0,FinishX=100,StartY=100,FinishY=0); } #t3 { filter:Alpha(Opacity=80); } --> </STYLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD bgcolor="#51e1b1" width="20" height="20"></TD> <TD width="300" bgcolor="#51e1b1" class="td1"> </TD> <TD width="20"></TD> </TR> <TR> <TD height="350" bgcolor="#51e1b1" class="td2"> </TD> <TD valign="top" width="300" bgcolor="#51e1b1" class="td3"> <!--ここからテキストを入れていってください。--> ◆影付きテーブル <UL> <LI>影も全てテーブルでできています。 <LI>この部分にテキストを入れていきます。 <LI>この設定は、箇条書きにしてあります。 <LI>背景色の変更は、bgcolor=""の中を変更してください。（３箇所） <LI>テキストを増やしていきたい場合は、<LI></LI>の部分を増やしてください。 <LI>箇条書きにしない場合は、<UL>〜</UL>を全て削除すればＯＫです。 <LI>その他の指定は、全てスタイルシートにしてありますので、変更はスタイルシートで。 <LI><FONT color="#ffffff">テキストが白だとこんな感じ。</FONT> </UL> <!--ここまでがテキストテーブルです。--> </TD> <TD bgcolor="#999999" id="t1"></TD> </TR> <TR> <TD height="20"></TD> <TD bgcolor="#999999" id="t2"></TD> <TD bgcolor="#999999" id="t3"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
３．影付テーブルＮｏ．３
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>Shadow Table</TITLE> <STYLE type="text/css"> <!-- .td1 { border-right:2px solid #666666; } .td2 { border-bottom:2px solid #666666; } .td3 { border-right:2px solid #666666; border-bottom:2px solid #666666; padding-top:15px; padding-right:20px; font-size:9pt; color:#5555dd; line-height:18px; } #t1 { filter:Alpha(Opacity=80,FinishOpacity=30,Style=1,StartX=100,FinshX=100,StartY=100,FinshY=100); } #t2 { filter:Alpha(Opacity=0,FinishOpacity=80,Style=1,StartX=0,FinishX=100,StartY=100,FinishY=0); } #t3 { filter:Alpha(Opacity=80); } --> </STYLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD bgcolor="#ccffcc" width="20" height="20"></TD> <TD width="300" bgcolor="#ccffcc" class="td1"> </TD> <TD width="20"></TD> </TR> <TR> <TD height="350" bgcolor="#ccffcc" class="td2"> </TD> <TD valign="top" width="300" bgcolor="#ccffcc" class="td3"> <!--ここからテキストを入れていってください。--> ◆影付きテーブル <UL> <LI>影も全てテーブルでできています。 <LI>この部分にテキストを入れていきます。 <LI>この設定は、箇条書きにしてあります。 <LI>背景色の変更は、bgcolor=""の中を変更してください。（３箇所） <LI>テキストを増やしていきたい場合は、<LI></LI>の部分を増やしてください。 <LI>箇条書きにしない場合は、<UL>〜</UL>を全て削除すればＯＫです。 <LI>その他の指定は、全てスタイルシートにしてありますので、変更はスタイルシートで。 <LI><FONT color="#ffffff">テキストが白だとこんな感じ。</FONT> </UL> <!--ここまでがテキストテーブルです。--> </TD> <TD bgcolor="#999999" id="t1"></TD> </TR> <TR> <TD height="20"></TD> <TD bgcolor="#999999" id="t2"></TD> <TD bgcolor="#999999" id="t3"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
４．影付テーブルＮｏ．４
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>Shadow Table</TITLE> <STYLE type="text/css"> <!-- .td1 { border-right:2px solid #666666; } .td2 { border-bottom:2px solid #666666; } .td3 { border-right:2px solid #666666; border-bottom:2px solid #666666; padding-top:15px; padding-right:20px; font-size:9pt; color:#ffffff; line-height:18px; } #t1 { filter:Alpha(Opacity=80,FinishOpacity=30,Style=1,StartX=100,FinshX=100,StartY=100,FinshY=100); } #t2 { filter:Alpha(Opacity=0,FinishOpacity=80,Style=1,StartX=0,FinishX=100,StartY=100,FinishY=0); } #t3 { filter:Alpha(Opacity=80); } --> </STYLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD bgcolor="#919933" width="20" height="20"></TD> <TD width="300" bgcolor="#919933" class="td1"> </TD> <TD width="20"></TD> </TR> <TR> <TD height="350" bgcolor="#919933" class="td2"> </TD> <TD valign="top" width="300" bgcolor="#919933" class="td3"> <!--ここからテキストを入れていってください。--> ◆影付きテーブル <UL> <LI>影も全てテーブルでできています。 <LI>この部分にテキストを入れていきます。 <LI>この設定は、箇条書きにしてあります。 <LI>背景色の変更は、bgcolor=""の中を変更してください。（３箇所） <LI>テキストを増やしていきたい場合は、<LI></LI>の部分を増やしてください。 <LI>箇条書きにしない場合は、<UL>〜</UL>を全て削除すればＯＫです。 <LI>その他の指定は、全てスタイルシートにしてありますので、変更はスタイルシートで。 </UL> <!--ここまでがテキストテーブルです。--> </TD> <TD bgcolor="#999999" id="t1"></TD> </TR> <TR> <TD height="20"></TD> <TD bgcolor="#999999" id="t2"></TD> <TD bgcolor="#999999" id="t3"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
５．影付テーブルＮｏ．５
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>Shadow Table</TITLE> <STYLE type="text/css"> <!-- .td1 { border-right:2px solid #666666; } .td2 { border-bottom:2px solid #666666; } .td3 { border-right:2px solid #666666; border-bottom:2px solid #666666; padding-top:15px; padding-right:20px; font-size:9pt; color:#000000; line-height:18px; } #t1 { filter:Alpha(Opacity=80,FinishOpacity=30,Style=1,StartX=100,FinshX=100,StartY=100,FinshY=100); } #t2 { filter:Alpha(Opacity=0,FinishOpacity=80,Style=1,StartX=0,FinishX=100,StartY=100,FinishY=0); } #t3 { filter:Alpha(Opacity=80); } --> </STYLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD bgcolor="#ffaa00" width="20" height="20"></TD> <TD width="300" bgcolor="#ffaa00" class="td1"> </TD> <TD width="20"></TD> </TR> <TR> <TD height="350" bgcolor="#ffaa00" class="td2"> </TD> <TD valign="top" width="300" bgcolor="#ffaa00" class="td3"> <!--ここからテキストを入れていってください。--> ◆影付きテーブル <UL> <LI>影も全てテーブルでできています。 <LI>この部分にテキストを入れていきます。 <LI>この設定は、箇条書きにしてあります。 <LI>背景色の変更は、bgcolor=""の中を変更してください。（３箇所） <LI>テキストを増やしていきたい場合は、<LI></LI>の部分を増やしてください。 <LI>箇条書きにしない場合は、<UL>〜</UL>を全て削除すればＯＫです。 <LI>その他の指定は、全てスタイルシートにしてありますので、変更はスタイルシートで。 </UL> <!--ここまでがテキストテーブルです。--> </TD> <TD bgcolor="#999999" id="t1"></TD> </TR> <TR> <TD height="20"></TD> <TD bgcolor="#999999" id="t2"></TD> <TD bgcolor="#999999" id="t3"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
６．影付テーブルＮｏ．６
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>Shadow Table</TITLE> <STYLE type="text/css"> <!-- .td1 { border-right:2px solid #666666; } .td2 { border-bottom:2px solid #666666; } .td3 { border-right:2px solid #666666; border-bottom:2px solid #666666; padding-top:15px; padding-right:20px; font-size:9pt; color:#000000; line-height:18px; } #t1 { filter:Alpha(Opacity=80,FinishOpacity=30,Style=1,StartX=100,FinshX=100,StartY=100,FinshY=100); } #t2 { filter:Alpha(Opacity=0,FinishOpacity=80,Style=1,StartX=0,FinishX=100,StartY=100,FinishY=0); } #t3 { filter:Alpha(Opacity=80); } --> </STYLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD bgcolor="#ffa2aa" width="20" height="20"></TD> <TD width="300" bgcolor="#ffa2aa" class="td1"> </TD> <TD width="20"></TD> </TR> <TR> <TD height="350" bgcolor="#ffa2aa" class="td2"> </TD> <TD valign="top" width="300" bgcolor="#ffa2aa" class="td3"> <!--ここからテキストを入れていってください。--> ◆影付きテーブル <UL> <LI>影も全てテーブルでできています。 <LI>この部分にテキストを入れていきます。 <LI>この設定は、箇条書きにしてあります。 <LI>背景色の変更は、bgcolor=""の中を変更してください。（３箇所） <LI>テキストを増やしていきたい場合は、<LI></LI>の部分を増やしてください。 <LI>箇条書きにしない場合は、<UL>〜</UL>を全て削除すればＯＫです。 <LI>その他の指定は、全てスタイルシートにしてありますので、変更はスタイルシートで。 </UL> <!--ここまでがテキストテーブルです。--> </TD> <TD bgcolor="#999999" id="t1"></TD> </TR> <TR> <TD height="20"></TD> <TD bgcolor="#999999" id="t2"></TD> <TD bgcolor="#999999" id="t3"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
７．JavaScriptビュアー
８．PC型ビュアー
COPYRIGHT © 2004-2007 FREEMETHOD ALL RIGHTS RESERVED.
