これはロゴではなく、テキストです。
こちらは画像 です。
|
ロゴならカーソルが縦線にはなりません。テキストですからテキスト部分は、部分的にもコピーできます。
|
<div style="filter: shadow(color=#333333,direction=135,strength=7); width:500;
height: 100">
<font style="font-size:30px; line-height:32pt" color="#0000ff" face="HGP創英角ﾎﾟｯﾌﾟ体,ＭＳ Ｐゴシック">
これはロゴではなく、<font color="#ff0000">テキスト</font>です。<br>
こちらは画像<img src="../gazou/joywave5.gif" width="88"
height="31" alt="画像" border="0">です。</font></div>
|
<body>〜</body>間に書きます。
１行目だけなら、ソースの青字部分は不要です。
影の色、影の方向は指定できますが、影の長さは指定できません。
影の長さも変更できました！！ 「strength」です！
<div>または<span>タグを使う場合はwidth、heightを指定しないといけません。
body、table、td、image、maqueeタグにも使え、その場合はwidth、heightを指定しなくてもいいみたいです。
[New！2005/11/15] 新しい発見です！！
「 shadow 」の代わりに「 blur 」「 glow 」にすると、装飾が変わります。
「 blur 」の場合は color 指定せず、
style="filter:blur(add=1,direction=45,strength=10)" と「 add 」で指定するようです。
「 glow 」の場合は全方向なので direction は指定せず、
style="filter:glow(color=#000000,strength=10)" と書きます。
| shadow(color=#333333 |
影の色を指定します。 |
| direction=135 |
上方向を０°とし、時計回りに角度で指定します。
|
| strength=7 |
影の長さを指定します。単位はピクセルのようです。 |
| width:500 |
全体の横幅を指定します。左右に空間があるときは数字を大きくしてください。ないときは、影が切れないように数字を変えてみてください。 |
| height:100 |
全体の高さを指定します。上下に空間があるときは数字を大きくしてください。ないときは、影が切れないように何度も数字を変えてください。 |
| font-size:30px |
ロゴ替わりに使えますので、ブラウザの文字サイズ変更で変化するとまずいでしょう。styleで指定すると、変化しません。pxはピクセル。 |
| line-height:32pt |
指定しなくても構いませんが、行間を変化させます。行間といっても
行と行の間ではなく、行ピッチのことです。ptはピッチ。 |
| color="#0000ff" |
テキスト文字の色を指定します。 |
| face="HGP････,･･･ゴシック" |
テキスト文字の書体を指定します。特殊な書体はブラウザによっては表示できない場合があり、そのため複数併記しています。半角、全角、大文字小文字などそのとおりに記載しないと表示されません。
もちろん、face を指定しなくても、ブラウザの標準書体（ゴシック体など）で表示されます。 |
|
実際に利用されて「これは良かった」内容がありましたら、教えてください。
少しずつ充実させていき、本当の意味での「便利箱」にしたいと思います。 |
|