Various Colors

<BODY background="bgst1.gif" text="#5044a4"> <P align="center"><FONT color="#d1d2de" size="6"><FONT size="7"><FONT color="#d1d2de" face="HGP行書体">* Various Colors *</FONT></FONT></FONT></P> <P><BR> <BR> </P>  <CENTER> <TABLE cellpadding="7" cellspacing="5" bgcolor="#e5ddff" width="500"> <TBODY> <TR> <TD bgcolor="#ffffff"> <TABLE cellpadding="10" cellspacing="4" bgcolor="#e5ccee" width="100%" height="100%"> <TBODY> <TR> <TD bgcolor="#ffffff" align="center"><BR> <FONT color="#f8cd7e">コピーするだけで簡単におしゃれなホームページに変身するよ☆彡</FONT><BR> <BR> <TABLE> <TBODY> <TR> <TD>◇ スクロールバーの色を変える<BR> ◆ テキストボックスに色を付ける<BR> ◇ クリック一つでお気に入りに追加<BR> ◆ 流れる文字や画像<BR> ◇ リンクの下線を消す<BR> ◆ フォントサイズを固定する<BR> ◇インラインフレーム<BR> ◆アイフレーム</TD> </TR> </TBODY> </TABLE> <BR> <FONT size="1" color="#ffffff">ｈｔｍｌ, タグ, ホームページ作成, スタイルシート, 作成支援, 小技, ＨＴＭＬ, フォント, スクロールバー, テキストボックス, お気に入り, 枠，ＨＰ作成，スクロールバーの色を変える，テキストボックス，リンクの下線を消す，流れる文字</FONT> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> </P> <CENTER> <TABLE> <TBODY> <TR> </TR> </TBODY> </TABLE> </CENTER> <P align="center"><B><FONT size="+3" color="#ccccff" title="ホームページを飾る小技を紹介します！　コピーするだけで簡単にお洒落なＨＰに変身するよ☆彡">* ＨＴＭＬの小技 *</FONT></B></P> <P align="center"><FONT color="#adadd6">小技を使ってＨＰを可愛く飾ろう！<BR> <BR> <FONT color="#adadd6"><FONT color="#adadd6"><FONT color="#adadd6"><FONT color="#adadd6"><FONT color="#adadd6"><BR> </FONT></FONT></FONT></FONT></FONT></FONT></P> <CENTER> <TABLE cellspacing="1" cellpadding="1" bgcolor="#ffc4bb" border="0"> <TBODY> <TR>  <TD bgcolor="#ffc9c1" background="che_r.gif"> <TABLE cellspacing="10" cellpadding="3" border="0"> <TBODY> <TR> <TD align="center" bgcolor="#ffffff" height="196"> <TABLE cellspacing="0" cellpadding="3" bgcolor="#ffffff" border="0"> <TBODY> <TR> <TD vAlign=bottom align=left><IMG src="icd_f64a.gif" width="10" height="10" border="0"></TD> <TD colspan="2" width="380">　</TD> <TD align="right"><IMG src="icd_f64a.gif" width="10" height="10" border="0"></TD> </TR> <TR> <TD></TD> <TD colspan="2"></TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center"><B><FONT color="#333399">＋＋＋お品書き＋＋＋</FONT></B></TD> <TD></TD> </TR> <TR> <TD>　</TD> <TD align="center" colspan="2"></TD> <TD></TD> <TR> <TD></TD> <TD colspan="2" align="center">スクロールバーの色を変える</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">ウィンドウの周りを囲む</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">壁紙を固定する</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">ゆれるリンク</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">文字にカーソルを合わせるとポインタの形が変わる</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">リンクにカーソルを合わせるとバックの色が変る</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">リンクにカーソルを合わせるとポップアップで説明が出る</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">リンクの下線を消す</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">画像を使わずに､ＨＴＭＬでボタンをつくる</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">可愛いテキストボックス</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">ページ全体リンクのアンダーラインを消し､色を変える</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">ページ全体のフォントサイズを固定する</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">流れる文字や画像</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">流れるメッセージ</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">お気に入りに追加するには？</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">自動的に指定ＵＲＬに飛ばすには？</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">色々なリンクの開き方</TD> <TD></TD> </TR> <TR> <TD></TD> <TD colspan="2" align="center">インラインフレーム</TD> <TD></TD> </TR> <TR> <TD><IMG src="icd_f64a.gif" width="10" height="10" border="0"></TD> <TD colspan="2"></TD> <TD align="right"><IMG src="icd_f64a.gif" width="10" height="10" border="0"></TD> </TR> </TBODY> </TABLE> </TD> </TBODY> </TABLE> </TD> </TBODY> </TABLE> </CENTER> <BR> <P><BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★ スクロールバーの色を変えてみよう ★</FONT></B></P> <P><BR> <BR> </P> <CENTER> <TABLE cellpadding="4" bgcolor="#e5ddff"> <TBODY> <TR> <TD height="29" valign="middle" width="450" bgcolor="#ede8ff" nowrap> <DIV align="center"><FONT color="#0000A0">このタグを<FONT color="#0000A0"><FONT color="#0000A0"><B><HEAD></B></FONT></FONT>　と　<FONT color="#0000A0"><B></HEAD></B></FONT>の間に入れてください。</FONT><FONT color="#0000A0" size="2">（ＩＥ5.5以上のみ）</FONT></DIV> </TD> </TR> <TR> <TD bgcolor="#ffffff"> <DIV><STYLE type="text/css"><BR> <BR> </STYLE></DIV> </TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> </P> <P align="center"><FONT size="-1" color="#cc0033">☆ 赤い文字の所は色なので自分の好きな色に変えて使ってね。</FONT></P> <P><BR> <BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★　ウィンドウの周りを囲む　★</FONT></B></P> <P><BR> <BR> </P> <P align="center">ウインドウの周りを綺麗な色で縁取りしてみよう！</P> <P><BR> </P> <CENTER> <TABLE bgcolor="#e5ddff" cellpadding="4"> <TBODY> <TR> <TD bgcolor="#ede8ff"><FONT color="#0000A0" size="2">このタグを<FONT color="#0000A0" size="2"><B><BODY></B></FONT>に追加してください。border=縁取りの幅</FONT></TD> </TR> <TR> <TD bgcolor="#ffffff">style="border:20px solid #a8a8d5;"</TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> </P> <P align="center"><BODY <B>style="border:20px solid #a8a8d5;"</B>></P> <P><BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★ 壁紙を固定する ★</FONT></B></P> <P><BR> </P> <P align="center"><FONT color="#6868ff">スクロールした時に壁紙が一緒に動かないように固定してしまおう！</FONT></P> <P><BR> </P> <P><BR> </P> <CENTER> <TABLE bgcolor="#e5ddff" cellpadding="4"> <TBODY> <TR> <TD bgcolor="#ede8ff" align="center"><FONT color="#0000A0">このタグを<FONT color="#0000A0"><FONT color="#0000A0"><B><BODY></B></FONT></FONT>に追加してください。</FONT><FONT color="#0000A0" size="2">（ＩＥのみ）</FONT></TD> </TR> <TR> <TD bgcolor="#ffffff" height="30">bgProperties="fixed"</TD> </TR> </TBODY> </TABLE> </CENTER> <P align="center">例えばこんな感じです。"<FONT size="-1" color="#9898ff">○○○</FONT><FONT size="-1">.gif" のところで背景画像を指定してね♪</FONT></P> <P align="center"><BODY text="#999999" background="<FONT size="-1" color="#9898ff">○○○</FONT>.gif" <B>bgProperties="fixed"</B>></P> <P><BR> <BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★　ゆれるリンク　★</FONT></B></P> <P><BR> <BR> </P> <P align="center">リンクがゆらゆらしたらすこぶる可愛いね♪</P> <P><BR> </P> <CENTER><MARQUEE width="50" behavior="alternate" scrollamount="5"><A href="index.htm" target="_blank">ENTER</A></MARQUEE></CENTER> <P><BR> </P> <CENTER> <TABLE bgcolor="#e5ddff" cellpadding="4"> <TBODY> <TR> <TD bgcolor="#ede8ff" width="400" align="center"><FONT color="#0000A0"><A href="</FONT><FONT color=#ff9898>○○○.htm</FONT><FONT color="#0000A0">">の部分にリンク先を記入してね☆</FONT></TD> </TR> <TR> <TD bgcolor="#ffffff" width="400"><FONT size="2"><MARQUEE width="50" behavior="alternate" scrollamount="5"><A href="</FONT><FONT size="2" color="#ff9898">○○○.htm</FONT><FONT size="2">" target="_blank">ENTER</A></MARQUEE></FONT></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> </P> <CENTER> <TABLE> <TBODY> <TR> <TD><FONT size="-1" color="#0000A0"><B>width</B>=ゆらゆらする範囲<BR> <B>scrollamount</B>=ゆらゆらするスピード</FONT></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER><P><BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★ カーソルを合わせるとポインタの形が変わる　★</FONT></B></P> <P><BR> <BR> <BR> </P> <CENTER><B><SPAN style=cursor:help;><FONT color="#ff8080">ここにカーソルを合わせてみてρﾞ(･･ )</FONT></SPAN></B></CENTER> <P><BR> </P> <P><BR> </P> <CENTER><SPAN style=cursor:n-resize;></SPAN></CENTER> <CENTER> <TABLE bgcolor="#e5ddff" cellpadding="4"> <TBODY> <TR> <TD align="center" nowrap bgcolor="#ede8ff"><FONT size="-1" color="#0000A0">リンクじゃないのにカーソルを合わせるとポインタの形が変わるの。</FONT><FONT color="#9999ff" size="-1">×××</FONT><FONT size="-1" color="#0000A0">の所に好きな文字を入れてね。</FONT></TD> </TR> <TR> <TD width="570" bgcolor="#ffffff" height="30"> <P align="center"><SPAN style=cursor:help;><FONT color="#9999ff">××××××</FONT></SPAN></P> </TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★ リンクにカーソルを合わせるとバックの色が変わる　★</FONT></B></P> <P><BR> </P> <P align="center"><FONT color="#6868ff">リンクへカーソルを合わせてみよう！！　リンクの周りの色が変ります。</FONT></P> <P><BR> </P><P align="center"><FONT size="+4"><B><A href="index.htm" style="text-decoration:none;font-size : small;" target="_blank">リンク</A></B></FONT></P> <P><BR> </P> <BR> <CENTER> <TABLE bgcolor="#e5ddff" cellpadding="4"> <TBODY> <TR> <TD align="center" width="610" bgcolor="#ede8ff"> <DIV align=center><FONT color=#0000a0>このタグを</FONT> <FONT color="#0000d0"><B><HEAD></B></FONT><FONT color=#0033cc>　</FONT><FONT color=#0000a0>と</FONT><FONT color=#0033cc>　</FONT><FONT><B><FONT color=#0000cc></HEAD></FONT></B></FONT><FONT color=#0000a0>の間に入れてください。ページ全体に適用されます！</FONT></DIV> </TD> </TR> <TR> <TD height="40" bgcolor="#ffffff" nowrap> <DIV><STYLE type="text/css"></STYLE></DIV> </TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> </P> <P align="center"><FONT size="-1" color="#cc0033">☆ 赤い文字の所は色なので自分の好きな色に変えて使ってね。</FONT></P> <P><BR> <BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★ リンクに説明を出す　★</FONT></B></P> <P><BR> </P> <P align="center"><FONT color="#6868ff">リンクにカーソルを合わせるとポップアップの説明が出るよ！</FONT></P> <P><BR> </P> <P align="center"><A href="index.htm" title="ほらね♪" target="_blank">ＨＯＭＥ</A></P> <P><BR> </P> <CENTER> <TABLE cellpadding="4" bgcolor="#e5ddff"> <TBODY> <TR> <TD bgcolor="#ede8ff"><FONT size="-1" color="#0000A0"><A href=</FONT><FONT size="-1" color="#ff9999">"リンク先.htm"</FONT><FONT size="-1">　</FONT><FONT size="-1" color="#0000A0">の後に付けます</FONT></TD> </TR> <TR> <TD bgcolor="#ffffff" height="30">title="ほらね♪"</TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> </P> <P align="center"><A href="<FONT color="#ff9898">リンク先.htm</FONT>" title="ほらね♪">ＨＯＭＥ</A></P> <P><BR> <BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" background="che_r.gif" bgcolor="#ff8080"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★　リンクの下線を消すには　★</FONT></B></P> <P><BR> </P> <P align="center"><FONT color="#6868ff">部分的にリンクの下線を消す方法です。</FONT></P> <P><BR> </P> <P align="center"><FONT size="+4"><B><A href="index.htm" style="text-decoration:none;font-size : small;" target="_blank">リンク</A></B></FONT></P> <P><BR> </P> <CENTER> <TABLE bgcolor="#e5ddff" cellpadding="4"> <TBODY> <TR> <TD width="369" bgcolor="#ede8ff"> <P align="center"><FONT size="-1" color="#0000A0"><A href=</FONT><FONT size="-1" color="#ff9999">"リンク先.htm"</FONT><FONT size="-1">　</FONT><FONT size="-1" color="#0000A0">の後に付けます</FONT></P> </TD> </TR> <TR> <TD width="369" align="center" height="30" bgcolor="#ffffff">style="text-decoration:none"</TD> </TR> </TBODY> </TABLE> </CENTER> <P align="center">上の<FONT color="#800080"><B>リンク</B></FONT>を例にしてみると､こういう風になります。</P> <P align="center"><A href=<FONT color="#ff9999">"リンク先.htm"</FONT><B>style="text-decoration:none"</B>>リンク</A></P> <P><BR> <BR> <BR> <BR> <BR> </P> <CENTER></CENTER> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★　画像を使わずにボタンをつくろう　★</FONT></B></P> <P><BR> <BR> </P><CENTER> <TABLE cellpadding="2" bgcolor="#ffe5dd"> <TBODY> <TR> <TD width="80" bgcolor="#feefed" align="center" height="20" nowrap><FONT color="#999999">ＨＯＭＥ</FONT></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <CENTER> <TABLE bgcolor="#e5ddff" cellpadding="4" width="500"> <TBODY> <TR> <TD align="center" width="697" bgcolor="#ede8ff"><FONT color="#0000A0">ＨＴＭＬだけでボタンをつくれると便利だね。<A href="</FONT><FONT color=#ff9898>○○○.htm</FONT><FONT color="#0000A0">">の部分にリンク先を記入してね☆</FONT></TD> </TR> <TR> <TD width="697" bgcolor="#ffffff" height="120"><TABLE cellpadding="2" bgcolor="<FONT color="#d00030">#ffe5dd</FONT>"><BR> <TBODY><BR> <TR><BR> <TD width="80" bgcolor="<FONT color="#d00030">#feefed</FONT>" align="center" height="20" nowrap><A href="<FONT color="#ff9898">○○○.htm</FONT>" target=""><FONT color="<FONT color="#d00030">#999999</FONT>">ＨＯＭＥ</FONT></A></TD><BR> </TR><BR> </TBODY><BR> </TABLE></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> </P> <CENTER> <TABLE bgcolor="#ffd4d0" cellspacing="3" width="99" height="11"> <TBODY> <TR> <TD bgcolor="#fffcfb" height="6" align="center"> <TABLE bgcolor="#ffd4d0" cellspacing="1" width="100" height="22"> <TBODY> <TR> <TD bgcolor="#fffcfb" width="101" height="16" align="center">ぼたん</TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> </P> <P><BR> </P> <CENTER> <TABLE cellpadding="4" bgcolor="#e5ddff" width="500"> <TBODY> <TR> <TD align="center" bgcolor="#ede8ff"><FONT color="#0000A0"><A href="</FONT><FONT color=#ff9898>○○○.htm</FONT><FONT color="#0000A0">">の部分にリンク先を記入してね☆</FONT></TD> </TR> <TR> <TD bgcolor="#ffffff"><TABLE cellspacing="3" bgcolor="<FONT color="#d00030">#ffd4d0</FONT>"><BR> <TBODY><BR> <TR><BR> <TD bgcolor="<FONT color="#d00030">#fffcfb</FONT>"><BR> <TABLE bgcolor="<FONT color="#d00030">#ffd4d0</FONT>" cellspacing="1"><BR> <TBODY><BR> <TR><BR> <TD width="95" height="20" bgcolor="<FONT color="#d00030">#fffcfb</FONT>" align="center" nowrap><A href="<FONT color="#ff9898">○○○.htm</FONT>"><FONT color="">ぼたん</FONT></A></TD><BR> </TR><BR> </TBODY><BR> </TABLE><BR> </TD><BR> </TR><BR> </TBODY><BR> </TABLE><BR> </TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> </P> <P align="center"><FONT color=#cc0033 size=-1>☆ 赤い文字の所は色なので自分の好きな色に変えて使ってね。</FONT></P> <P><BR> <BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★　可愛いテキストボックス　★</FONT></B></P> <P><BR> <BR> </P> <CENTER><TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #ffb5b5; scrollbar-Arrow-Color:#fffcf8; scrollbar-Face-Color:#ffd9d9; scrollbar-Highlight-Color:#ff9999; scrollbar-Shadow-Color:#ff9999; scrollbar-DarkShadow-Color:#ffffff; scrollbar-3dLight-Color:#ffffff; scrollbar-Track-Color:#fffcf8; background-color:#fffcf8;color:#cc9999">ここに文章を記入</TEXTAREA></CENTER> <P><BR> <BR> <BR> <BR> </P> <CENTER> <TABLE bgcolor="#e5ddff" cellpadding="4"> <TBODY> <TR> <TD align="center" bgcolor="#ede8ff"><FONT size="-1" color="#0000A0">テキストボックスも色を付けて可愛くしよう♪（一番下のcolorは文字色です。rows=行数 cols=桁数）</FONT></TD> </TR> <TR> <TD bgcolor="#ffffff"><TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma;<BR> border:double 4<FONT color="#d00030">#ffb5b5</FONT>;<FONT color=#808080 size=-1>/*フォームの枠の太さと色*/</FONT><BR> scrollbar-face-color:<FONT color=#d00030>#ffd9d9</FONT>;<FONT color=#808080 size=-1>/*スクロールバー本体の色*/</FONT><BR> scrollbar-highlight-color:<FONT color=#d00030>#ff9999</FONT>;<FONT color=#808080 size=-1>/*スクロールバー左側（上）の影*/</FONT><BR> scrollbar-shadow-color: <FONT color=#d00030>#ff9999</FONT>;<FONT color=#808080 size=-1>/*スクロールバー右側（上）の影*/</FONT><BR> scrollbar-3dlight-color:<FONT color=#d00030> #ffffff</FONT>;<FONT color=#808080 size=-1>/*スクロールバーの左側（下）の影*/</FONT><BR> scrollbar-arrow-color: <FONT color=#d00030>#fffcf8</FONT>;<FONT color=#808080 size=-1>/*矢印の色*/</FONT><BR> scrollbar-track-color:<FONT color=#d00030> #fffcf8</FONT>;<FONT color=#808080 size=-1>/*背面の色*/</FONT><BR> scrollbar-darkshadow-color: <FONT color=#d00030>#ffffff</FONT>;<FONT color=#808080 size=-1>/*スクロールバー右側（下）の影*/</FONT><BR> background-color:<FONT color="#d00030">#fffcf8</FONT>;<FONT color="#804040"><FONT color=#808080 size=-1>/*テキストボックス内部の色*/</FONT><BR> </FONT>color:<FONT color="#d00030">#cc9999</FONT>">ここに文章を記入</TEXTAREA></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> </P> <P align="center"><FONT size="-1">rows=6（高さ）と cols=34（幅）を変更すれば、大きさを変えることができるよ！</FONT></P> <P><BR> <BR> <BR> <BR> <BR> </P> <P align="center"><FONT color="#6868ff">一行タイプのテキストボックスも可愛くしてみました♪</FONT></P> <P><BR> </P> <CENTER> <FORM><INPUT size="40" type="text" style="border-style:solid;border-width:1px;border-color:#d8b8b8;color:#cc9999;background:#f8ece8" value="こんな感じで可愛いの♪"></FORM> </CENTER> <P><BR> </P> <CENTER> <TABLE cellpadding="4" bgcolor="#e5ddff" width="400"> <TBODY> <TR> <TD bgcolor="#ede8ff" align="center"><FONT color="#0000A0">テキストボックスの大きさはsize=""で変えられるよ！</FONT></TD> </TR> <TR> <TD bgcolor="#ffffff"><FORM><BR> <INPUT type="text" size="40"<BR> value="文字を表示させたい時はここに入力"<BR> style="border-style:solid ;<FONT color="#808080">/*枠線を単純な線に*/</FONT><BR> border-width:1px; <FONT color="#808080">/*枠線の太さ*/</FONT><BR> border-color:<FONT color="#d00030">#d8b8b8</FONT>; <FONT color="#808080">/*枠線の色*/</FONT><BR> background:<FONT color="#d00030">#f8ece8</FONT>; <FONT color="#808080">/*背面の色*/</FONT><BR> color:<FONT color="#d00030">#cc9999</FONT>;<FONT color="#808080"> /*文字色*/</FONT><BR> "></FORM></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> </P> <P align="center"><FONT color="#6868ff">文字を入力する時に、色が変わるタイプです。</FONT></P> <P><BR> </P> <CENTER> <FORM><INPUT type="text" size="40" style="border-style:solid;border-width:1px;border-color:#d8d8eb;color:#bcbcbc;background:#fafafc" value="文字を入力してみて" onFocus = "if (document.all) { this.style.backgroundColor='#e5ddff';this.style.color='#ffffff'; }" onBlur = "if (document.all) { this.style.backgroundColor='#fafafc';this.style.color='#bcbcbc'; }"></FORM> </CENTER> <P><BR> </P> <CENTER> <TABLE bgcolor="#e5ddff" cellpadding="4" width="500"> <TBODY> <TR> <TD bgcolor="#ede8ff" align="center"><FONT size="-1" color="#0000A0">文字を入力する時に色が変わるよ！ onFocus=入力する時、onBlur=入力後です。</FONT></TD> </TR> <TR> <TD bgcolor="#ffffff"><FORM><BR> <INPUT type="text" size="40"<BR> value="文字を表示させたい時はここに入力"<BR> style="border-style:solid; <FONT color="#808080">/*枠線を単純な線に*/</FONT><BR> border-width:1px; <FONT color="#808080">/*枠線の太さ*/</FONT><BR> border-color:<FONT color="#d00030">#d8d8eb</FONT>; <FONT color="#808080">/*枠線の色*/</FONT><BR> background:<FONT color="#d00030">#fafafc</FONT>; <FONT color="#808080">/*背面の色*/</FONT><BR> color:<FONT color="#d00030">#bcbcbc</FONT>; <FONT color="#808080">/*文字色*/</FONT>"<BR> onFocus = "if (document.all) {<BR> this.style.backgroundColor='<FONT color="#d00030">#e5ddff</FONT>'; <FONT color="#808080">/*入力時の背面の色*/</FONT><BR> this.style.color='<FONT color="#d00030">#ffffff</FONT>'; <FONT color="#808080">/*入力時の文字色*/</FONT><BR> }"<BR> onBlur = "if (document.all) {<BR> this.style.backgroundColor='<FONT color="#d00030">#fafafc</FONT>'; <FONT color="#808080">/*マウスが離れた時の背面の色*/</FONT><BR> this.style.color='<FONT color="#d00030">#bcbcbc</FONT>'; <FONT color="#808080">/*マウスが離れた時の文字色*/</FONT><BR> }"><BR> </FORM></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> </P> <CENTER> <TABLE cellpadding="5"> <TBODY> <TR> <TD bgcolor="#fafafc" align="center"><B><FONT color="#b9b9b9">フォームのカスタマイズ</FONT></B></TD> </TR> <TR> <TD bgcolor="#ffffff" nowrap><FONT color="#0000A0"><B>border-style:solid</B>　　枠線を平な線にする<BR> <B>border-style:dotted</B>　　枠線を点線に<BR> <B>border-width:1px</B>　　枠線の太さを１ピクセルにする<BR> <B>border-color:#d8d8e</B>　　枠線の色を#d8d8eにする<BR> <B>color:#bcbcbc</B>　　文字の色を#bcbcbcにする<BR> <B>background:#fafafc</B>　　背景色を #fafafcにする<BR> <B>width:200px</B>　テキストボックスの幅を 200px にする<BR> <B>height:20px</B>　　テキストボックスの高さを 20px にする</FONT></TD> </TR> </TBODY> </TABLE> </CENTER> <DIV style="LINE-HEIGHT: 12pt"></DIV> <P><BR> <BR> </P> <P align="center"><FONT color=#cc0033 size=-1>☆ 赤い文字の所は色なので自分の好きな色に変えて使ってね。</FONT></P> <P><BR> <BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★　カラフルなセレクトボックス　★</FONT></B></P> <P><BR> <BR> </P> <CENTER> <FORM><SELECT style="font-size:9pt; color:9999ff; background-color:#fff0f5"> <OPTION>*ＭＥＮＵ* <OPTION>おはよう <OPTION>こんにちは　　 <OPTION>こんばんは </SELECT></FORM> </CENTER> <P><BR> <BR> </P><CENTER> <TABLE bgcolor="#e5ddff" cellpadding="4" width="500"> <TBODY> <TR> <TD bgcolor="#ede8ff" align="center"><FONT color="#0000A0">background-color=背景色、color=文字色です。</FONT></TD> </TR> <TR> <TD bgcolor="#ffffff"><FORM><SELECT style="font-size:10pt; color:<FONT color="#d00030">9999ff</FONT>; background-color:<FONT color="#d00030">#fff0f5</FONT>"><BR> <OPTION>*ＭＥＮＵ*<BR> <OPTION>おはよう<BR> <OPTION>こんにちは　　<BR> <OPTION>こんばんは<BR> </SELECT></FORM></TD> </TR> </TBODY> </TABLE> </CENTER> <P> <BR> <BR> <BR> </P> <CENTER> <FORM><SELECT> <OPTION style=background-color:#ccccff;color:#666699>*ＭＥＮＵ* <OPTION style=background-color:#9999ff;color:#d7d7d7>おはよう <OPTION style=background-color:#7979ff;color:#e1e1e1>こんにちは <OPTION style=background-color:#6666cc;color:#ffffff>こんばんは </SELECT></FORM> </CENTER> <P><BR> <BR> </P> <CENTER> <TABLE bgcolor="#e5ddff" cellpadding="4" width="500"> <TBODY> <TR> <TD bgcolor="#ede8ff" align="center"><FONT color="#0000A0">background-color=背景色、color=文字色です。</FONT></TD> </TR> <TR> <TD bgcolor="#ffffff"><FORM><SELECT><BR> <OPTION style=background-color:<FONT color="#d00030">#ccccff</FONT>;color:<FONT color="#d00030">#666699</FONT>>*ＭＥＮＵ*<BR> <OPTION style=background-color:<FONT color="#d00030">#9999ff</FONT>;color:<FONT color="#d00030">#d7d7d7</FONT>>おはよう<BR> <OPTION style=background-color:<FONT color="#d00030">#7979ff</FONT>;color:<FONT color="#d00030">#e1e1e1</FONT>>こんにちは<BR> <OPTION style=background-color:<FONT color="#d00030">#6666cc</FONT>;color:<FONT color="#d00030">#ffffff</FONT>>こんばんは<BR> </SELECT></FORM></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★　ページ全体のリンクのアンダーラインを消し、色を変える　★</FONT></B></P> <P><BR> </P> <P align="center"><FONT size="-1" color="#6868ff">リンクにカーソルを合わせると色が変ります。　アンダーラインを消しています。</FONT></P> <P><BR> </P><CENTER> <TABLE bgcolor="#e5ddff" cellpadding="4"> <TBODY> <TR> <TD align="center" width="496" bgcolor="#ede8ff"> <DIV align=center><FONT color=#0000a0>このタグを</FONT><FONT size=+0><B><FONT color=#0000cc><HEAD></FONT></B></FONT><FONT color=#0033cc>　</FONT><FONT color=#0000a0>と</FONT><FONT color=#0033cc>　</FONT><FONT size=+0><B><FONT color=#0000cc></HEAD></FONT></B></FONT><FONT color=#0000a0>の間に入れてください。</FONT></DIV> </TD> </TR> <TR> <TD width="496" bgcolor="#ffffff"><STYLE type="text/css"><BR> <BR> </STYLE></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> </P> <P align="center"> アンダーラインを消したい時　text-decoration:<B>none</B><BR> アンダーラインを出したい時　text-decoration:<B>underline</B></P> <P><BR> </P> <P align="center"><FONT color=#cc0033 size=-1>☆ 赤い文字の所は色なので自分の好きな色に変えて使ってね。</FONT></P> <P><BR> <BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★　ページ全体のフォントサイズを固定する　★</FONT></B></P> <P><BR> </P> <P align="center"><FONT size="-1" color="#6868ff">リンクにカーソルを合わせると､フォントが大きくなるように指定してます。<BR> 　リンク部分は１２ポイント､その他のフォントは１０ポイントに指定してあります。</FONT></P> <CENTER> <TABLE cellpadding="4" bgcolor="#e5ddff"> <TBODY> <TR> <TD align="center" width="415" bgcolor="#ede8ff"> <DIV align=center><FONT color=#0000a0>このタグを</FONT><FONT size=+0><B><FONT color=#0000cc><HEAD></FONT></B></FONT><FONT color=#0033cc>　</FONT><FONT color=#0000a0>と</FONT><FONT color=#0033cc>　</FONT><FONT size=+0><B><FONT color=#0000cc></HEAD></FONT></B></FONT><FONT color=#0000a0>の間に入れてください。</FONT></DIV> </TD> </TR> <TR> <TD width="415" bgcolor="#ffffff"><STYLE type="text/css"><BR> <BR> </STYLE></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> </P> <P align="center">アンダーラインを消したい時　text-decoration:<B>none</B><BR>アンダーラインを出したい時　text-decoration:<B>underline</B></P> <P><BR> </P> <P align="center"><FONT color=#cc0033 size=-1>☆ 赤い文字の所は色なので自分の好きな色に変えて使ってね。</FONT></P> <P><BR> <BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★　文字を流してみよう　★</FONT></B></P> <P><BR> <BR> <BR> </P><P align="center"><MARQUEE width="700" scrollamount="6">こんな感じで流れるの･･･♪</MARQUEE></P> <P><BR> </P> <CENTER> <TABLE cellpadding="4" bgcolor="#e5ddff" width="450"> <TBODY> <TR> <TD align="center" bgcolor="#ede8ff"><FONT size="-1" color="#0000A0">何処にでも、好きなところに貼り付ければOKよ！<FONT size="-1" color="#0000A0"><BR> </FONT>scrollamount=流れる速さなので､好きな速さに変えてね。</FONT></TD> </TR> <TR> <TD align="center" height="30" bgcolor="#ffffff"><FONT size="-1"><MARQUEE scrollamount="6">こんな感じで流れるの･･･♪</MARQUEE></FONT></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><FONT color="#ffffff"><MARQUEE scrollamount="6" bgcolor="#ffacac" width="696">こんなのも可愛いかも･･･。</MARQUEE></FONT></P> <P><BR> <BR> </P> <CENTER> <TABLE cellpadding="4" bgcolor="#e5ddff" width="450"> <TBODY> <TR> <TD align="center" bgcolor="#ede8ff"><FONT size="-1" color="#0000A0">白抜きにしてみるのも可愛いかもね。<FONT size="-1" color="#0000A0"><BR> </FONT>scrollamount=流れる速さなので､好きな速さに変えてね。</FONT></TD> </TR> <TR> <TD align="center" bgcolor="#ffffff"><FONT size="-1"><MARQUEE scrollamount="6" bgcolor="</FONT><FONT size="-1" color="#d00030">#ffacac</FONT><FONT size="-1">"><FONT size="-1"><FONT color="</FONT><FONT size="-1" color="#d00030">#ffffff</FONT>">こんなのも可愛いかも･･･。</FONT></MARQUEE></FONT></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> </P> <P align="center"><FONT color=#cc0033 size=-1>☆ 赤い文字の所は色なので自分の好きな色に変えて使ってね。</FONT></P> <P><BR> <BR> <BR> <BR> </P><marquee scrollamount=2><IMG src="heart2.gif"></marquee> <P><BR> <BR> </P> <CENTER> <TABLE cellpadding="4" bgcolor="#e5ddff" width="450"> <TBODY> <TR> <TD align="center" bgcolor="#ede8ff"><FONT size="-1" color="#0000A0">画像だって流せるよ☆彡</FONT><FONT size="-1">　</FONT>　<FONT size="-1" color="#9898ff">○○○</FONT><FONT size="-1" color="#0000A0">のところで流したい画像を指定してね♪<FONT size="-1" color="#0000A0"><BR> </FONT>scrollamount=流れる速さです。</FONT></TD> </TR> <TR> <TD align="center" height="30" bgcolor="#ffffff"><<FONT size="2">MARQUEE</FONT> scrollamount=2><IMG src="<FONT color="#9898ff">○○○</FONT>.gif"></<FONT size="2">MARQUEE</FONT>></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★　流れるメッセージ　★</FONT></B></P> <P><BR> <BR> </P> <CENTER> <TABLE bgcolor="#eae7ef" cellspacing="3"> <TBODY> <TR> <TD bgcolor="#fcfcfc"> <TABLE bgcolor="#eae7ef" cellspacing="1" cellpadding="3"> <TBODY> <TR> <TD bgcolor="#fcfcfc"><MARQUEE direction="up" height="85" width="160" scrollamount="1"> <FONT size="1" color="#666699">メッセージが流れるよ☆彡　<br> <br> 枠や、フォントカラーを変えて色々と楽しめそう♪<br><br> ［ＨＴＭＬボタン］を枠の代わりに使うのも可愛いよ！その場合<MARQUEE>～</MARQUEE>をボタンの中に入れてね！<br> <br> scrollamount=流れる速さだよ！</FONT></MARQUEE></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> </P> <CENTER> <TABLE bgcolor="#e5ddff" cellpadding="4" width="450"> <TBODY> <TR> <TD bgcolor="#ede8ff" align="center"><FONT color="#0000A0">メッセージを流して注目度アップ！scrollamount=流れる速さです。</FONT></TD> </TR> <TR> <TD bgcolor="#ffffff"><FONT size="-1"><TABLE bgcolor="#</FONT><FONT size="-1" color="#d00030">eae7ef</FONT><FONT size="-1">" cellspacing="3"><TBODY><TR><TD bgcolor="</FONT><FONT size="-1" color="#d00030">#fcfcfc</FONT><FONT size="-1">"><TABLE bgcolor="</FONT><FONT size="-1" color="#d00030">#eae7ef</FONT><FONT size="-1">" cellspacing="1" cellpadding="3"><TBODY><TR><TD bgcolor="</FONT><FONT size="-1" color="#d00030">#fcfcfc</FONT><FONT size="-1">"><BR> <MARQUEE direction="up" height="85" width="160" scrollamount="1"><BR> <FONT size="1" color="</FONT><FONT size="-1" color="#d00030">#666699</FONT><FONT size="-1">"><BR> ここに文章を記入<BR> </FONT><BR> </MARQUEE><BR> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FONT></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> </P> <CENTER><FONT color=#cc0033 size=-1>☆ 赤い文字の所は色なので自分の好きな色に変えて使ってね。</FONT></CENTER> <P><BR> <BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★　お気に入りに追加するには？　★</FONT></B></P> <P><BR> <BR> </P> <P align="center"><FONT color=#6868ff size=-1>クリック一つでお気に入りに追加出来ちゃう！これならうっかり追加しちゃうかも？！</FONT></P> <P><BR> </P> <CENTER> <TABLE cellspacing="1" bgcolor="#d8d8eb" cellpadding="3" style="cursor :pointer;"> <TBODY> <TR> <TD bgcolor="#fafafc" align="center"> <P onclick="window.external.addFavorite('http://kowaza.websozai.jp/','Various Colors')"><FONT color="#bcbcbc" size="2">お気に入りに追加</FONT></P> </TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> </P> <CENTER> <TABLE width="500" cellpadding="4" bgcolor="#e5ddff"> <TBODY> <TR> <TD bgcolor="#ede8ff" align="center"><FONT size="-1" color="#0000A0">カーソルを合わせるとマウスポインタが出るようにしてみたよ♪<FONT size="-1" color="#0000A0"><BR> </FONT>ピンクの部分を自分のサイト用に変えて使ってね♪ （ＩＥ４以上）</FONT></TD> </TR> <TR> <TD bgcolor="#ffffff"><TABLE cellspacing="1" bgcolor="<FONT color="#d00030">#d8d8eb</FONT>" cellpadding="3" style="cursor :pointer;"><BR> <TBODY><BR> <TR><BR> <TD bgcolor="<FONT color="#d00030">#fafafc</FONT>" align="center"><P onclick="window.external.addFavorite('<FONT color="#ff9898">サイトＵＲＬ</FONT>','<FONT color="#ff9898">サイト名</FONT>')"><FONT color="<FONT color="#d00030">#bcbcbc</FONT>" size="2">お気に入りに追加</FONT></P></TD><BR> </TR><BR> </TBODY><BR> </TABLE></TD> </TR> </TBODY> </TABLE> </CENTER> <P align="center">cellspacing=枠線の太さです。太さを変えてもかわいいよ！</P> <P><BR> </P> <P align="center"><FONT color=#cc0033 size=-1>☆ 赤い文字の所は色なので自分の好きな色に変えて使ってね。</FONT></P> <P><BR> <BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★　自動的に指定ＵＲＬに飛ばすには？　★</FONT></B></P> <P><BR> </P> <P align="center"><FONT color="#6868ff">ホームページを移転した時など、指定ＵＲＬに自動的に飛ばす事が出来たらすこぶる便利！</FONT></P> <P><BR> </P> <CENTER> <TABLE width="500" bgcolor="#e5ddff" cellpadding="4"> <TBODY> <TR> <TD align="center" bgcolor="#ede8ff"><FONT color="#0000a0" size="-1">このタグを</FONT><FONT color="#0000d0" size="-1"><B><HEAD></B></FONT><FONT color="#0033cc" size="-1">　</FONT><FONT color="#0000a0" size="-1">と</FONT><FONT color="#0033cc" size="-1">　</FONT><FONT size="-1"><B><FONT color="#0000cc" size="-1"></HEAD></FONT></B></FONT><FONT color="#0000a0" size="-1">の間に入れてください。</FONT><FONT color="#ff9898" size="-1"><BR> http://○○.htm</FONT><FONT size="-1" color="#0000A0">の部分は移動先のＵＲＬを記入してください。</FONT></TD> </TR> <TR> <TD height="30" bgcolor="#ffffff"><META HTTP-EQUIV="Refresh" CONTENT="5;URL=<FONT color="#ff9898">http://○○.htm</FONT>"></TD> </TR> </TBODY> </TABLE> </CENTER> <BR> <P align="center">CONTENT="5 は５秒後に指定先ＵＲＬに移動させるかという意味です。<BR> 必要に応じて変更してね♪<BR> <BR> 万一自動で飛ばない場合を考えて、普通のリンクも入れておけば完璧！</P> <P><BR> <BR> <BR> <BR> <BR> </P> <CENTER> <TABLE width="500" bgcolor="#ff8080" background="che_r.gif"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> <BR> <BR> <BR> <BR> <BR> </P> <P align="center"><B><FONT color="#6666ff" size="+1">★　色々なリンクの開き方　★</FONT></B></P> <P><BR> <BR> </P> <P align="center"><FONT color="#6868ff">リンク先を新しいウィンドウで立ち上げたい場合や<BR> フレーム内に取り込みたくない時などに使うと便利♪</FONT></P> <P><BR> </P> <CENTER> <TABLE cellpadding="4" bgcolor="#e5ddff"> <TBODY> <TR> <TD bgcolor="#ede8ff"> <P align=center><FONT size="-1" color="#0000A0"><A href=</FONT><FONT color=#ff9999 size=-1>"リンク先"</FONT><FONT size=-1>　</FONT><FONT size="-1" color="#0000A0">の後に付けます。</FONT></P> </TD> </TR> <TR> <TD bgcolor="#ffffff"> <TABLE cellspacing="4"> <TBODY> <TR> <TD width="264"><FONT size="-1" color="#0000A0">新しいウィンドウで開く</FONT></TD> <TD width="88" bgcolor="#f8f8e8">target="_blank"</TD> </TR> <TR> <TD colspan="2" bgcolor="#8080c0" height="1"></TD> </TR> <TR> <TD width="264"><FONT size="-1" color="#0000A0">全画面で開く（フレームを壊して開く）</FONT></TD> <TD width="88" bgcolor="#f8f8e8">target="_top"</TD> </TR> <TR> <TD colspan="2" height="1" bgcolor="#8080c0"></TD> </TR> <TR> <TD width="264"><FONT size="-1" color="#0000A0">同一ウィンドウで開く（フレームは壊さず開く）</FONT></TD> <TD width="88" bgcolor="#f8f8e8">target="_self"</TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </CENTER> <P><BR> </P> <P align="center">新しいウィンドウを開く場合はこうなります。</P> <BR> <P align="center"> <A href="<FONT color="#ff9898">○○○.htm</FONT>"<B> target="_blank"</B>>ＨＯＭＥ</A></P> <P><BR> </P> <P align="center"><B><FONT face="Comic Sans MS" color=#c4c4e1 size=2>Copyright (C) 2001-2014. <A href="index.htm" target="_blank">Various Colors</A>. All rights reserved.</FONT></B></P></BODY>