○「filter」プロパティで、文字と画像を型抜きした処理をする方法を紹介します。 ○背景に、「background-color:transparent;」というプロパティ（background-color）の属性（transparent）を 入れなければならないので、必ず入れてください。m(_ _)m ※下記のような「緑色の枠」と、その「黄色の中」で文を「ドラック」して「コピー」し、 貴方の記事で「ペースト」してください。 そして、途中の文字列に行末を「改行」している場合があるので、必ず途中に「改行」している部分を 取ってしてください。m(_ _)m
○「Mask」で型抜きする。 【例文】 ||<#0000ff' colspan=3 style' padding:0px; width:560px;' ``|| ||<#ffffff' style=' padding:10px; background-color:transparent; filter:Mask(color=#ff0000); text-align:center;' ``'''・「color=#ff0000（赤色）」''' ||<#ffffff' style=' padding:10px; background-color:transparent; filter:Mask(color=#00ff00); text-align:center;' ``'''・「color=#00ff00（緑色）」''' ||<#ffffff' style=' padding:10px; background-color:transparent; filter:Mask(color=#0000ff); text-align:center;' ``'''・「color=#0000ff（青色）」''' ||<#ffffff' colspan=3 style' padding:0px; width:560px;' ``|| ||<#ffffff' style=' padding:10px; background-color:transparent; filter:Mask(color=#ff0000);' ``[[img(http://www.geocities.jp/bea_nies/00_main/RGB_color.gif)]] ||<#ffffff' style=' padding:10px; background-color:transparent; filter:Mask(color=#00ff00);' ``[[img(http://www.geocities.jp/bea_nies/00_main/RGB_color.gif)]] ||<#ffffff' style=' padding:10px; background-color:transparent; filter:Mask(color=#0000ff);' ``[[img(http://www.geocities.jp/bea_nies/00_main/RGB_color.gif)]] ||<#0000ff' colspan=3 style' padding:0px; width:560px;' ``|| 【元の文字と画像】 ・普通の文字です。 【実際】
以上です m(_ _)m |
||||||||||||||||||||||||||||||||||||||||||||||||||||
- >
- コンピュータとインターネット
- >
- インターネット
- >
- ホームページ
なぞなぞ遊び が出来ますね＾＾ 時間あるときに作ってみますね！
2006/10/24(火) 午後 2:40
●オカンさん＞ マスク画像を作ると画像が見えなくなって、「正解は、「右クリック」してね！」ってすると面白くなると思います。試してくださいね！ (^_-)-☆
2006/10/24(火) 午後 3:25
あーぃ!! ページに書き足しておきますー
2006/10/24(火) 午後 3:32
●オカン＞ ゆっくりやってくださいね！ (^_^)v
2006/10/24(火) 午後 3:37
なんか 楽しいな〜〜
2006/10/24(火) 午後 3:38
●オカン＞ 色んな写真を撮っているから、また新しい記事を書いてフィルタ効果を作ると良いと思いますです！ (^_^)v
2006/10/24(火) 午後 3:41
技術的な事が さっぱり解りませんので (ﾂ _ _)ﾂ))+:.*.･｡ﾖﾛｼｸﾃﾞｽ｡･.*.:+
2006/10/24(火) 午後 3:45
●オカン＞ 基本的に、「コピーして、ペーストする。」だけで大丈夫ですよ！ (^_-)-☆
2006/10/24(火) 午後 4:04
今、↑のｵｶﾝさんに教えてもらってYahoo!で、規制されていたタグが再び使えるようになったので、いろいろ試しています。この「 filter:Mask」を使って実験してみたいので、このソースを使わせてください。
2007/5/18(金) 午後 5:18
記事が出来ました。実験成功です。ＴＢつけさせてくださいね。
2007/5/18(金) 午後 10:52
●くみさん＞ 今、見に行きました。本当に、素晴らしかったです！ ＼(^o^)／
2007/5/19(土) 午前 11:15
検索から着ました、色々試しているのですがMaskの利用方法がわかっていません、勉強の為にこのソースを貰っていきます。
2007/6/2(土) 午後 5:51
Maskの利用方法がやっとわかりました、ありがとうございます。
次は、Chromaを理解したいので、この画像をつかわさせて頂きます。
2007/6/2(土) 午後 10:17
●ヒカルさん＞ 申し訳ありません。「Mask」効果は、前は出来たのに、今は出来なくなりました。他にも出来ないものがあるので、一週間経ったら、非公開に変更します。m(. .)m
2007/6/3(日) 午前 11:26
利用できましたよ。
Maskを利用して色々試した記事も複数作成しました。
Maskの機能は面白いですね♪
2007/6/5(火) 午前 0:16
もう少し 頑張ってみますが
ぴーにぃさん 助けて戴けますか？
2007/6/5(火) 午後 10:56
"ヒカル"さんのブログで ヒントを戴き
ヒカルさんのように「Mask」で型抜き出来ましたよー
TBさせて下さい m(＿ ＿)m
2007/6/6(水) 午後 8:19
●ヒカルさん＞
今、「background-color:transparent;」
（背景を透明にする）」に変更しました。
※ふぅ〜、、、(^_^;
2007/6/7(木) 午後 2:07
●オカン＞
「background : ; clear」の
「clear」は無視されるので、
やはり「background-color:transparent;」が
正解だと思います。m(. .)m
2007/6/7(木) 午後 2:14
●オカン＞
ヒカルさんのＨＴＭＬを色々調べてみたけど、
多分、ＨＴＭＬタグのバグなので、
私では出来なかったです。
やはり、ヒカルさんから教えてくださいね。
申し訳ありませんでした、、、(^_^;
2007/6/9(土) 午後 1:39