講座１５

type=1　は　横向きに　青→白色にグラデーションしています。

filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff', startColorstr='#0000ff',gradientType='1'

type=0は縦向きに　青→白色にグラデーションしています
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff', startColorstr='#0000ff',gradientType='0'

グラデーション
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#00ffffff', startColorstr='#ff0000ff',gradientType='0'

グラデーション
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#33ffffff', startColorstr='#330000ff',gradientType='0'

グラデーション
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ccffffff', startColorstr='#cc0000ff',gradientType='0'

グラデーション
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#99ffffff', startColorstr='#990000ff',gradientType='0'

　いかがでしたでしょうか。　　２回にわたってのフィルターの効果お役に立つとよろしいのですが　色々なひな形を作って見せてくださいね。　　楽しみにしています。

　　ひな形はおくが深いというか　とどまることなく色々な技術が出てきますね。　　でも　それにとらわれないで　あなた自身のオリジナルひな形を楽しんでくださいね　　みんなで配信を楽しんでいます。　仲間に入りませんか？　　　ひな形配信は　こちらへ　　哲パパのメールまで

.

　　オオーw(*゜o゜*)w　綺麗な　色合いになるのね。　　ますます　ひな形を作る人にとっては　(≧ｍ≦)ぷっ!　他人事です。　見逃せなくなりましたね。　　ねねね　前回の　フィルターの効果を使って　結構　配信メンバーの人たち　ひな形作ってくれたわね。　　みんな　講座見てくださっているのね。　嬉しいわ　!

ほんとうね　ありがたいわね。　　すぐに反応があるとやっぱり嬉しいわ。　　それでね　魅せられたひな形投稿　(≧ｍ≦)ぷっ!　勝手に名前をつけてしまった。　　結構　フィルターを使った　ひな形多いのよ。　　

まず　桂ちゃんの　これも綺麗よね　最新の　羽衣　です　　次に　ｍａｃｈｉｋｏさんの　娘道成寺　　ｋｉｋｉさんの　シルエットロマンス　　のぶたんの　３匹の熊ちゃん　　いずれも　フィルターの効果を上手に使っていますね　(o^-^o) ウフッ　ついでに　今回の　グラデーションの　透明のを使った　クッピーの　冬の雫　です。　　参考にしてくださると　嬉しいです。

他にも　テキストでのフィルター効果とかありますが　また　次の機会にでも　(;^_^A アセアセ・・・　忘れてください　・・・・・(￣。￣ )ボソ...

ねねね　クッピー　気がついたんだけど　上のカラーコード番号　8桁のがあるわね　あれは何を示しているの？
色も　透過されているわね。

('-'*)(,_,*)('-'*)(,_,*) ウンウン　いいところに気がついたわね。　　エルちゃま　　そうなんです　6桁のカラーコードのままですと、　それは　そのまま　不透明のグラデーションとなります。　前の２桁で　透明度を変えていくことが出来ます。
上の色コードの頭に　不透明度80%を示す cc を加えています。背景少し透けます。　また不透明度60%を示す 99 を加えています。
背景ずいぶん透けます。色は同じで　透明度を33→ffにグラデーションさせています。　色々やってみると　面白いかもしれませんね。

でね　ちょっと　高度になるかもしれないけど　ＴＩＭＥを使って　次のようにもしてみました。　　下のグラデーションに　マウスを当ててみてください。

(o^-^o) ウフッ　おもしろいでしょう。　　タグは　フィルターの効果と一緒ですね

<DIV id="d1" style="width:50%;height:50;filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff', startColorstr='#0000ff',gradientType='0'" align="center"><B><FONT size="+2"><BR>
Happy Birthday Dear Eru </FONT></B><FONT size="+1">♪</FONT></DIV>
</DIV>
<t:set targetElement="d1" attributeName="filter" to="progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=lavender,endColorStr=mediumpurple)" begin="d1.mouseover" end="d1.mouseout"/>

　オオーw(*゜o゜*)w　ブヒブヒちゃんが　一段と美人に　ぼかしっていいわね　(*・・*)ポッ　私たちの写真も　このフィルターの効果を使うといいわね　(*^.^*)エヘッ　

　ヾ(≧▽≦)ノギャハハ☆　エル　言うと思ったわ　・・・・・(￣。￣ )ボソ...　そうよね　ひな形も　このフィルターの効果で　色々な雰囲気を楽しめていいわよね　Ｖ(○⌒∇⌒○) ルンルン

おっと　もう少しで　忘れるところだったわ。　　このグラデーションの効果は　次のように　色のグラデーションも出来ますし、また　その効果を利用してひな形に生かすことが出来ます。
グラデーションで　背景の雰囲気を変えたり　テーブルの雰囲気を変えたりすることが出来ます。

でっ　背景として　グラデーションをかけるタグは　次のようになります

<BODY STYLE="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#99CCFF',endColorstr='#ffffff')">

ソースは
<IMG id="image1" src="buhibuhi.jpg" style="position:absolute; left : 100px; top : 100px; z-index : 1" class="time" begin="0" width="142" height="145">
<t:set targetElement="image1" attributeName="filter" to="alpha(opacity = 80
style=2 enabled='true')" begin="image1.mouseover" end="image1.mouseout"/>

Alopha の属性は　opacity=n これは　透明度ですね　今80にしています　数字が小さくなるにつれて透明度がまして行きます。　　style=0,1,2,3 とあります。　これは　０はグラデーションをかけない状態です。　１は線形　２は円形3は長方形に　グラデーションをかけます。 style　の　数値を変えていくと　次のようになります。

(^_^)/　みなさん　こんにちは　(*^.^*)エヘッ　今回は　早いでしょう。　　フィルターの効果　忘れないうちに　次のをアップしておかなくてはと思って　急いで　作成しました。

　オオーw(*゜o゜*)w　クッピー　はやい！！！　どうしたの　いつも　天災と一緒　忘れた頃に　アップだったのに　ヾ(≧▽≦)ノギャハハ☆。

　　そうそう　(*^.^*)エヘッ　何をやるか　わかっていると早いのよね。　　(≧ｍ≦)ぷっ!　それに　今　事情があって　家にいるから　ＰＣに向かうことしか　やることがないのよ。　(￣◇￣;)エッ　いつもそうだって！！　(;^_^A アセアセ・・・

先週の続きね。　　フィルターの効果　まだまだありますので　続きをやりますね。　　ただ　もう一度言いますが、フィルターの効果は、　PCへの負担が多いので　あれもこれも　ひな形で使うのは　考えてくださると嬉しいです。　　私が言うのもなんですが、技術が　そこに　先行するのではなく　そのひな形に　この技術が　必要だから使う　そういう風に思ってくださると　嬉しいですね。

(o^-^o) ウフッ　前回は　花切手でやりましたが、　今回は　配信メンバーの　ブヒブヒちゃんの画像を使わせていただきます。
前回のに使うと　ブヒブヒちゃんを　逆さまにしたり　青くしたり　白黒にしたりしたら　大変でしょう　ヾ(≧▽≦)ノギャハハ☆　