ﾎｰﾑ
へ
(*0) ： ﾍﾟｰｼﾞ全体のﾊｲﾊﾟｰﾘﾝｸ色、(*1) ：ﾍﾟｰｼﾞ全体のﾊｲﾊﾟｰﾘﾝｸの下線の非表示や、 (*2) ：ﾏｳｽｵｰﾊﾞｰ時にﾊｲﾊﾟｰﾘﾝｸ文字色と背景色、書体を変化させる、 (*3) ：ﾏｳｽｵｰﾊﾞｰ時にﾊｲﾊﾟｰﾘﾝｸ文字色と背景色を変化、書体を変化、下線を表示させる、 (*4) ：ﾏｳｽｵｰﾊﾞｰ時にﾊｲﾊﾟｰﾘﾝｸの背景色を変化、下線を消去させる、 (*5) ：ﾏｳｽｵｰﾊﾞｰ時にﾊｲﾊﾟｰﾘﾝｸの背景色を変化、下線を表示させる、 (*6) ：ﾍﾟｰｼﾞ全体でなく、個別のﾊｲﾊﾟｰﾘﾝｸの下線を非表示にする、 (*7) ：ﾍﾟｰｼﾞ全体でなく、個別のﾊｲﾊﾟｰﾘﾝｸ〔ﾌﾞﾗﾝｸ〕の下線を非表示させる、(*8)：個別ﾘﾝｸの背景・前景色の指定、などのｽﾀｲﾙｼｰﾄ〔CSS〕です。 CSS 関連情報 ： ﾘﾝｸ装飾
ｺﾋﾟｰ、編集して簡単にWebで応用可能。 Internet Explorer と、NetscapeNavigator〔 〜4.x ：下線の非表示のみ〕 対応です。 応用例、下線無しﾊｲﾊﾟｰﾘﾝｸ ﾏｳｽｵｰﾊﾞｰでﾊｲﾊﾟｰﾘﾝｸ色変化 も。 ｽﾀｲﾙｼｰﾄのﾘﾌｧﾚﾝｽ： ﾘﾝｸのﾏｳｽｵｰﾊﾞｰでの下線・背景・前景色・書体の装飾。
(*8)： （例）
<ご使用方法>
・ ﾛｰｶﾙ（=PC）への保存は、link_color.htm を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。 ※: 保存を、【Internet Explorer】 - [ﾌｧｲﾙ] - [名前を付けて保存]−[ﾌｧｲﾙの種類] ”Webﾍﾟｰｼﾞ、完全” ……、で行ったために変わってしまった、ﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。
・ このDHTMLの実装方法は、link_color.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名） の、 <body> 〜 </body>の任意の行間に (*0)〜(*7) から目的にあったものを選んでﾍﾟｰｽﾄします。ﾍﾟｰｽﾄします。
･ 編集方法は、hogehoge.html を WordPad や SmipleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰ で開き編集します。 下記の（例） (*0)〜(*8)
・ 作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 8.x〜 などで開いて。 更新の確認は、ie、Safariやｻｰﾊﾞｰからのｷｬｯｼｭﾃﾞｰﾀｰ更新を、目的のﾍﾟｰｼﾞを表示し ieで [F5]ｷｰ を押し最新ﾃﾞｰﾀ読み込みで行います（≠再ｱｸｾｽ）。
･ ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像、*.jsなども転送/配置し実施。 ※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。 FTPなどで変わったﾌｧｲﾙ名は要修正。 ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。
･ 関連情報 ： 色記号6、2、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門が便利！。 Web Development、Web開発、MSDN IE8 HTMLとCSS、開発ﾂｰﾙでｻｲﾄを修正、ｽｸﾘﾌﾟﾄ ﾃﾞﾊﾞｯｸﾞの概要、HTMLとCSSのｻﾎﾟｰﾄ、CSSの改良点、IE7、IE6、XML、DHTML。
(*0) ： ﾍﾟｰｼﾞ全体のﾊｲﾊﾟｰﾘﾝｸ色+ﾊｲﾊﾟｰﾘﾝｸ（例） <body>部分などを編集します。
| HTMLの編集方法 | ﾃｷｽﾄｴﾃﾞｨﾀｰなどで開き、<body> 部分に追加・編集します。 |
| 〔この列ﾍﾟｰｽﾄ不要〕
背景 ﾘﾝｸ 表示済みﾘﾝｸ ｱｸﾃｨﾌﾞﾘﾝｸの各色 背景画像（任意値） ﾘﾝｸ ﾀｰｹﾞｯﾄ 吹き出し 文字色 背景色 ｻｲﾄ名
|
<body bgcolor="#F8F5F5" link="#54006C" vlink="#62000D" alink="#00FFFF" background="blst01.gif"> <!-- ▼---------- ↓ この間をコピー、編集、ペーストします。 ----------▼ --> <p> <strong><a style="text-decoration: underline" onclick="window.open('http://windowsmedia.microsoft.com/default.asp', 'XX','status=yes,scrollbars=yes,width=800,height=700,resizable=yes,directories=no,screenX=2,left=2,screenY=2,top=2')" href="#" target="_self" title="指定ｻｲｽﾞ・位置・ｵﾌﾟｼｮﾝで開きます。"><span style="COLOR: #D7D0FF; BACKGROUND-COLOR: #6F231B">WindowsMedia.com</span></a></strong></font></p> <p> <strong><a style="text-decoration: none" href="http://windowsmedia.microsoft.com/default.asp" target="_blank"><span style="COLOR: #00DFC8; BACKGROUND-COLOR: #746D6E" title="新しいWinで 開きます。">WindowsMedia.com</span></a></strong></font></p> <!-- ▲---------- ↑ この間をコピー、編集、ペーストします。 ----------▲ --> |
(*1) ： ﾍﾟｰｼﾞ全体のﾊｲﾊﾟｰﾘﾝｸの下線の非表示
| HTMLの編集方法 | link_color.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先の <head> 〜 </head> 部分にﾍﾟｰｽﾄ。 |
| 〔この列ﾍﾟｰｽﾄ不要〕
通常下線消去 |
<style type="text/css"><!--a{text-decoration:none}//--></style> |
(*2) ： ﾍﾟｰｼﾞ全体のﾏｳｽｵｰﾊﾞｰ時にﾊｲﾊﾟｰﾘﾝｸ文字色と背景色、書体を変化させる
| HTMLの編集方法 | link_color.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先の <head> 〜 </head> 部分にﾍﾟｰｽﾄ。 |
| 〔この列ﾍﾟｰｽﾄ不要〕
ﾏｳｽｵｰﾊﾞｰ時のﾘﾝｸ文字色 書体（太字） 背景色 |
<style type="text/css"><!--a:hover{color:#FFF6E5; font-weight:bold; background-color:#A020F0; }--></style> |
(*3) ： ﾍﾟｰｼﾞ全体のﾏｳｽｵｰﾊﾞｰ時にﾊｲﾊﾟｰﾘﾝｸ文字色と背景色を変化、書体を変化、下線を表示させる
| HTMLの編集方法 | link_color.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先の <head> 〜 </head> 部分にﾍﾟｰｽﾄ。 |
| 〔この列ﾍﾟｰｽﾄ不要〕
ﾘﾝｸ文字色 書体（標準） 背景色 下線表示
|
<style type="text/css"><!--a:hover{color:#FFF6E5; font-weight:normal; background-color:#A020F0; text-decoration: underline } A { TEXT-DECORATION: none } --></style> |
(*4) ： ﾍﾟｰｼﾞ全体のﾏｳｽｵｰﾊﾞｰ時にﾊｲﾊﾟｰﾘﾝｸの背景色を変化、下線を消去させる
| HTMLの編集方法 | link_color.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先の <head> 〜 </head> 部分にﾍﾟｰｽﾄ。 |
| 〔この列ﾍﾟｰｽﾄ不要〕
ﾏｳｽｵｰﾊﾞｰ時のﾘﾝｸ文字色 背景色 下線消去
|
<style type="text/css"><!-- A:hover { COLOR: #8000e2; BACKGROUND-COLOR: #f3edee; TEXT-DECORATION: none } A { TEXT-DECORATION: underline } --></style> |
(*5) ： ﾍﾟｰｼﾞ全体のﾏｳｽｵｰﾊﾞｰ時にﾊｲﾊﾟｰﾘﾝｸの背景色を変化、下線を表示させる
| HTMLの編集方法 | link_color.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先の <head> 〜 </head> 部分にﾍﾟｰｽﾄ。 |
| 〔この列ﾍﾟｰｽﾄ不要〕
ﾏｳｽｵｰﾊﾞｰ時のﾘﾝｸ文字色 背景色 下線表示
通常下線消去 |
<style type="text/css"><!-- A:hover { COLOR: #8000e2; BACKGROUND-COLOR: #f3edee; TEXT-DECORATION: underline } A { TEXT-DECORATION: none } --></style> |
(*6) ： 個別のﾊｲﾊﾟｰﾘﾝｸの下線を非表示にする
| HTMLの編集方法 | link_color.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先の <head> 〜 </head> 部分にﾍﾟｰｽﾄ。 |
| 〔この列ﾍﾟｰｽﾄ不要〕
ﾊｲﾊﾟｰﾘﾝｸのURLと、表示文字 |
<a href="http://www.lycos.co.jp/" style="text-decoration:none">ライコス</a> |
(*7) ： 個別のﾊｲﾊﾟｰﾘﾝｸ〔ﾌﾞﾗﾝｸ〕の下線を非表示 （例）では、背景色表示が作動。
･ ﾃﾞﾓは↓こここらへんをｸﾘｯｸします。
| HTMLの編集方法 | link_color.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先の <head> 〜 </head> 部分にﾍﾟｰｽﾄ。 |
| 〔この列ﾍﾟｰｽﾄ不要〕
ﾊｲﾊﾟｰﾘﾝｸのURLと、吹き出し、表示文字〔ﾌﾞﾗﾝｸ〕 |
<p>
<a <a href="http://www.lycos.co.jp/" style="text-decoration:none" title="＼^o^／ みつかってもたがな〜*。"> </a></p> |
< 補足 > 適時参照あれ！。