Ran.comX TOPへ
厳選リンク集
トップページ用
リンクページ用
アップデート用
スクロール型
ダイアリー用
フレーム各種
その他様々
■スクロールフレームテンプレート
1.スクロールフレーム No.1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="border:1px solid #000000; padding:0px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD bgcolor="#79d3cb" style="border-top:1px solid #ffffff; border-right:1px solid #262c73; border-bottom:1px solid #262c73; border-left:1px solid #ffffff; padding:3px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="padding:0px; border-top:1px solid #262c73; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #262c73;" > <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD width="200" height="150" bgcolor="#339199" style="border:1px solid #000000; padding:0px 10px; font-size:9pt; color:#ffffff; line-height:28px;"> <MARQUEE scrollamount="2" direction="up" width="200" height="150"> ノーマルなスクロール掲示板です。<BR> これは縦スクロール型です。<BR> スクロール速度は、横よりも遅くしてます。 </MARQUEE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML>
(8種類一括)
2.スクロールフレーム No.2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="border:1px solid #000000; padding:0px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD bgcolor="#a8def0" style="border-top:1px solid #ffffff; border-right:1px solid #262c73; border-bottom:1px solid #262c73; border-left:1px solid #ffffff; padding:3px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="padding:0px; border-top:1px solid #262c73; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #262c73;" > <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD width="200" height="150" bgcolor="#0000cc" style="border:1px solid #000000; padding:0px 10px; font-size:9pt; color:#ffffff; line-height:28px;"> <MARQUEE scrollamount="2" direction="up" width="200" height="150"> ノーマルなスクロール掲示板です。<BR> これは縦スクロール型です。<BR> スクロール速度は、横よりも遅くしてます。 </MARQUEE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML>
(8種類一括)
3.スクロールフレーム No.3
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="border:1px solid #000000; padding:0px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD bgcolor="#66cc66" style="border-top:1px solid #ffffff; border-right:1px solid #262c73; border-bottom:1px solid #262c73; border-left:1px solid #ffffff; padding:3px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="padding:0px; border-top:1px solid #262c73; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #262c73;" > <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD width="200" height="150" bgcolor="#339955" style="border:1px solid #000000; padding:0px 10px; font-size:9pt; color:#ffffff; line-height:28px;"> <MARQUEE scrollamount="2" direction="up" width="200" height="150"> ノーマルなスクロール掲示板です。<BR> これは縦スクロール型です。<BR> スクロール速度は、横よりも遅くしてます。 </MARQUEE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML>
(8種類一括)
4.スクロールフレーム No.4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="border:1px solid #000000; padding:0px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD bgcolor="#ff99cc" style="border-top:1px solid #ffffff; border-right:1px solid #262c73; border-bottom:1px solid #262c73; border-left:1px solid #ffffff; padding:3px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="padding:0px; border-top:1px solid #262c73; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #262c73;" > <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD width="200" height="150" bgcolor="#cc0077" style="border:1px solid #000000; padding:0px 10px; font-size:9pt; color:#ffffff; line-height:28px;"> <MARQUEE scrollamount="2" direction="up" width="200" height="150"> ノーマルなスクロール掲示板です。<BR> これは縦スクロール型です。<BR> スクロール速度は、横よりも遅くしてます。 </MARQUEE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML>
(8種類一括)
5.スクロールフレーム No.5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="border:1px solid #000000; padding:0px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD bgcolor="#d379c4" style="border-top:1px solid #ffffff; border-right:1px solid #262c73; border-bottom:1px solid #262c73; border-left:1px solid #ffffff; padding:3px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="padding:0px; border-top:1px solid #262c73; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #262c73;" > <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD width="200" height="150" bgcolor="#990099" style="border:1px solid #000000; padding:0px 10px; font-size:9pt; color:#ffffff; line-height:28px;"> <MARQUEE scrollamount="2" direction="up" width="200" height="150"> ノーマルなスクロール掲示板です。<BR> これは縦スクロール型です。<BR> スクロール速度は、横よりも遅くしてます。 </MARQUEE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML>
(8種類一括)
6.ダブルスクロールフレーム
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;" width="300"> <TR> <TD style="border:1px solid #000000; padding:0px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD bgcolor="#a8f0cc" style="border-top:1px solid #ffffff; border-right:1px solid #669977;border-bottom:1px solid #669977; border-left:1px solid #ffffff; padding:3px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="border-top:1px solid #669977; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #669977; padding:0px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="border:1px solid #000000; padding:0px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD bgcolor="#79d38f" style="border-top:1px solid #ffffff; border-right:1px solid #669977; border-bottom:1px solid #669977; border-left:1px solid #ffffff; padding:3px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="border-top:1px solid #669977; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #669977; padding:0px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD width="300" height="40" bgcolor="#00662a" style="border:1px solid #000000; padding-left:0px; padding-right:0px; font-size:9pt; color:dff0dc;"> <MARQUEE scrollamount="3" width="320"> WELCOM TO MY HOMEPAGE !! ようこそ!ごゆっくりしてってくださいね♪( ´・ω・`)_且~~ イカガ? </MARQUEE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> <TR> <TD style="border:1px solid #000000; padding:0px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD bgcolor="#33ccff" style="border-top:1px solid #ffffff; border-right:1px solid #667799;border-bottom:1px solid #667799; border-left:1px solid #ffffff; padding:3px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="border-top:1px solid #667799; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #667799; padding:0px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="border:1px solid #000000; padding:0px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD bgcolor="#66aacc" style=" border-top:1px solid #ffffff; border-right:1px solid #667799; border-bottom:1px solid #667799; border-left:1px solid #ffffff; padding:3px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD width="300" height="180" style="border-top:1px solid #667799; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #667799; padding:0px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD width="280" height="180" bgcolor="#0000cc" style="border:1px solid #000000; padding:0px 10px; font-size:8pt; color:#ffffff; line-height:30px;"> <MARQUEE direction="up" scrollamount="2" height="180" width="300"> ここは縦にスクロールしちゃいます。<BR> 文字サイズは8ポイント。<BR> スクロール速度は2。<BR> とりあえず、こんなような指定をしてます。<BR> 行間は通常の文章より広めで指定してあるんです。<BR> 縦スクロールの場合はそれがいいかも?<BR><BR> 上は横への<MARQUEE>指定してあるんです。<BR> スクロール速度も少しだけ上げてあります。<BR> 横スクロールは読む時間が取れる分だけこのぐらいでいいかも?<BR> こんなのもいいけど・・・いっしょに使うと・・・<BR> ちとウザイかな?(笑)<BR> <CENTER><IMG src="../image/rin6.gif" width="48" height="45" border="0"></center> </MARQUEE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML>
(8種類一括)
7.スクロールフレームロング
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="border:1px solid #000000; padding:0px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD bgcolor="#a8def0" style="border-top:1px solid #ffffff; border-right:1px solid #262c73; border-bottom:1px solid #262c73; border-left:1px solid #ffffff; padding:3px;"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD style="padding:0px; border-top:1px solid #262c73; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #262c73;" > <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD width="500" height="30" bgcolor="#ffffff" style="border:1px solid #000000; padding-left:0px; padding-right:0px; font-size:9pt; color:#0011cc;"> <MARQUEE scrollamount="3" width="500"> ノーマルなスクロール掲示板です。。。。文字は続けて打っていくだけです。かなりの量を流せますよ。 </MARQUEE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML>
(8種類一括)
8.スクロールフレーム(タイル)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#000000"> <TBODY> <TR> <TD width="15" height="15" bgcolor="#79bcd3" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#00d5ff" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#0088cc" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#cceeff" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#33ccb3" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#002aff" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#79bcd3" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#a8f0f0" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#66ccc4" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#00aaff" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#40aabf" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> </TR> <TR> <TD width="15" height="15" bgcolor="#66e6ff" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD colspan="9" rowspan="5" bgcolor="#0011cc" style="padding:0px 5px; font-size:8pt; line-height:20px; color:#ffffff;"> <MARQUEE scrollamount="2" direction="up" height="90"> WELCOM TO MY HOMEPAGE !!!<BR><BR> こんな感じで表示します。<BR> 多分マーキーで表示したほうが<BR> いいと思います。<BR><BR> なぜならば、タイルの高さが変<BR> 化してしまうからです。(笑)<BR><BR> とういうことでよろしく!! </MARQUEE></TD> <TD width="15" height="15" bgcolor="#79bcd3" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> </TR> <TR> <TD width="15" height="15" bgcolor="#3388ff" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#66f3ff" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> </TR> <TR> <TD width="15" height="15" bgcolor="#79bcd3" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#dce1f0" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> </TR> <TR> <TD width="15" height="15" bgcolor="#3366cc" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#3399cc" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> </TR> <TR> <TD width="15" height="15" bgcolor="#4095bf" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#79bcd3" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> </TR> <TR> <TD width="15" height="15" bgcolor="#00ffff" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#79bcd3" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#a8e5f1" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#336699" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#99e6ff" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#3377ff" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#79bcd3" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#33ddff" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#79d3d3" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#33ccbf" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> <TD width="15" height="15" bgcolor="#ff99bb" style="border-top:1px solid #ffffff; border-right:1px solid #338899; border-bottom:1px solid #338899; border-left:1px solid #ffffff;"> </TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
(8種類一括)
COPYRIGHT © 2004-2007 FREEMETHOD ALL RIGHTS RESERVED.