【びーにぃ】の、Wiki攻略本

○今年も、良い日になりますように〜！ ＼(^o^)／

□ﾌｨﾙﾀ（IE5.5以上）

[ リスト | 詳細 ]

記事検索
検索

全2ページ

[1] [2]

[ 次のページ ]

●IE5.5以上→Basicimage( );

●IE5.5以上→Basicimage( );

○「filter」プロパティで、文字列や画像に複数の効果を設定できる方法を紹介します。

○背景に、「background-color:transparent;」というプロパティ（background-color）の属性（transparent）を
　入れなければならないので、必ず入れてください。m(_ _)m

【属性、値および機能】
属性値（初期値）機能
mirror0 (0)左右反転しない
1左右反転する
rotation0 (0)回転しない
1時計回りに90°回転
2時計回りに180°回転
3時計回りに270°回転
invert0 (0)色を反転しない
1色を反転する
grayscale0 (0)白黒にしない
1白黒にする
xray0 (0)反転して白黒にしない
1反転して白黒にする
opacity0.0〜1.0 (1.0)不透明度を設定 (0=透明)
mask0 (0)透明にしない
1透明にする
maskcolor1〜16777216透明の色(mask=1の時のみ)
enabled0/false (1)フィルタを実行しない
1/trueフィルタを実行する


【元画像】

イメージ 1


○左右反転し、時計回りにする。

【例文】
・文字列

||<#ffffff' style=' padding:0px; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Basicimage(mirror=1,rotation=2);' ``「mirror=1」、「rotation=2」||

・画像
||<#ffffff' style=' padding:0px; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Basicimage(mirror=1,rotation=2);' ``[[attached★(2,center)]]||

※「★」記号を削除してください。m(_ _)m

【実際】

・文字列

「mirror=1」、「rotation=2」

・画像
イメージ 2


○半透明にして、マスクの色にする。

【例文】
・文字列

||<#ffffff' style=' padding:10px; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Basicimage(opacity=0.5,mask=1,maskColor=1000);' ``「mask=1」、「maskColor=1000」||

※「maskColor」の色番号は、「1〜16777216」の範囲です。

・画像

||<#ffffff' style=' padding:10px; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Basicimage(opacity=0.5,mask=1,mask=1,maskColor=1000);' ``[[attached★(2,center)]]||

※「★」記号を削除してください。m(_ _)m

【実際】

・文字列

「mask=1」、「maskColor=1000」

※「maskColor」の色番号は、「1〜16777216」の範囲です。

・画像

イメージ 2


以上です　m(_ _)m

http://www.geocities.jp/bea_nies/00_main/bea_nies11.swf

開く トラックバック（2）

●IE5.5以上→Gradient( );

●IE5.5以上→Gradient( );

○「filter」プロパティで、文字列や画像の下にグラデーションをかける処理の方法を紹介します。

○背景に、「background-color:transparent;」というプロパティ（background-color）の属性（transparent）を
　入れなければならないので、必ず入れてください。m(_ _)m

【属性、値および機能】
属性値（初期値）機能
startcolorstr#ARGB開始時の透明度と色 (Aは透明度で、ffなら不透明)
endcolorstr#ARGB終了時の透明度と色 (Aは透明度で、00なら透明)
gradienttype0 (0)縦向きのグラデーション
1横向きのグラデーション
enabled0/false (1)フィルタを実行しない
1/trueフィルタを実行する


○最初の色（赤）から最後の色（青）を指定し、「上から下（縦方向）」にグラデーションをかける。

【例文】
||<#0000ff' style=' padding:0px; width:560px;' ``||
||<#ffffff' style=' padding:10px; width:540px; color:white; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffff0000, endcolor
str=#900000ff, gradienttype=0);' ``縦方向にする。「gradienttype=0」||
||<#ffffff' style=' padding:0px; width:560px;' ``||
||<#ffffff' style=' padding:10px; width:540px; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffff0000, endcolorstr=#90
0000ff, gradienttype=0);' ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/f5/8c/bea_nies/folder/577181/img_577181_43162809_0?20061022115155.jpg)]]||
||<#0000ff' style' padding:1px; width:560px;' ``||

【実際】

縦方向にする。「gradienttype=0」
https://blogs.yahoo.co.jp/IMG/ybi/1/f5/8c/bea_nies/folder/577181/img_577181_43162809_0?20061022115155.jpg


○最初の色（赤）から最後の色（緑）を指定し、「左から右（横方向）」にグラデーションをかける。

【例文】
||<#0000ff' style=' padding:0px; width:560px;' ``||
||<#ffffff' style=' padding:10px; width:540px; color:white; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffff0000, endcolorstr=#9000ff00, gradienttype=1);' ``横方向にする。「gradienttype=1」||
||<#ffffff' style=' padding:0px; width:560px;' ``||
||<#ffffff' style=' padding:10px; width:540px; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffff0000, endcolorstr=#90
00ff00, gradienttype=1);' ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/f5/8c/bea_nies/folder/577181/img_577181_43162809_0?20061022115155.jpg)]]||
||<#0000ff' style' padding:1px; width:560px;' ``||

【実際】

横方向にする。「gradienttype=1」
https://blogs.yahoo.co.jp/IMG/ybi/1/f5/8c/bea_nies/folder/577181/img_577181_43162809_0?20061022115155.jpg


以上です　m(_ _)m

http://www.geocities.jp/bea_nies/00_main/bea_nies11.swf

開く トラックバック（0）

●IE5.5以上→Pixelate( );

●IE5.5以上→Pixelate( );

○「filter」プロパティで、画像にモザイクをかける処理をする方法を紹介します。

○背景に、「background-color:transparent;」というプロパティ（background-color）の属性（transparent）を
　入れなければならないので、必ず入れてください。m(_ _)m

【属性、値および機能】
属性値（初期値）機能
maxsquare2〜50 (50)モザイクのサイズを指定する
enabled0/false (1)フィルタを実行しない
1/trueフィルタを実行する


○モザイク（Pixelate）のサイズ（maxsquare）を指定する。

【例文】
||<#0000ff' style=' padding:0px; width:560px;' ``||
||<#ffffff' style=' padding:10px; width:540px; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=3);' ``モザイクを、「maxsquare=2」にする。||
||<#ffffff' style=' padding:0px; width:560px;' ``||
||<#ffffff' style=' padding:10px; width:540px; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=3);' ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/f5/8c/bea_nies/folder/577181/img_577181_43162809_0?20061022115155.jpg)]]||
||<#0000ff' style=' padding:0px; width:560px;' ``||
||<#ffffff' style=' padding:10px; width:540px; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=7);' ``モザイクを、「maxsquare=5」にする。||
||<#ffffff' style=' padding:0px; width:560px;' ``||
||<#ffffff' style=' padding:10px; width:540px; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=7);' ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/f5/8c/bea_nies/folder/577181/img_577181_43162809_0?20061022115155.jpg)]]||
||<#0000ff' style' padding:1px; width:560px;' ``||


【元画像】
モザイクはかけていません。


イメージ 1

【実際】

モザイクを、「maxsquare=2」にする。
イメージ 2
モザイクを、「maxsquare=5」にする。
イメージ 2


以上です　m(_ _)m

http://www.geocities.jp/bea_nies/00_main/bea_nies11.swf

開く トラックバック（0）

●IE5.5以上→Engrave( );

●IE5.5以上→Engrave( );

○「filter」プロパティで、画像に逆エンボス処理をかける方法を紹介します。

○背景に、「background-color:transparent;」というプロパティ（background-color）の属性（transparent）を
　入れなければならないので、必ず入れてください。m(_ _)m

【属性、値および機能】
属性値（初期値）機能
bias-1.0〜1.0 (0.7)くぼむ深さを指定する
enabled0/false (1)フィルタを実行しない
1/trueフィルタを実行する


○「bias」でくぼむ深さを指定しましたが、見ても良く分かりませんでした。(^_^;

【例文】
・「bias=1.0」
||<#ffffff' style=' padding:0px; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Engrave(bias=1.0);' ``[[attached★(1,center)]]||

・「bias=0」
||<#ffffff' style=' padding:0px; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Engrave(bias=0);' ``[[attached★(1,center)]]||

・「bias=-1.0」
||<#ffffff' style=' padding:0px; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Engrave(bias=-1.0);' ``[[attached★(1,center)]]||

※全角記号の「★」が入っていますが、コピーした後に「★」を削除してください。m(_ _)m

【実際】

・「bias=1.0」
イメージ 1

・「bias=0」
イメージ 1

・「bias=-1.0」
イメージ 1


以上です　m(_ _)m

http://www.geocities.jp/bea_nies/00_main/bea_nies11.swf

開く トラックバック（0）

●IE5.5以上→Emboss( );

●IE5.5以上→Emboss( );

○「filter」プロパティで、画像にエンボス処理をかける方法を紹介します。

○背景に、「background-color:transparent;」というプロパティ（background-color）の属性（transparent）を
　入れなければならないので、必ず入れてください。m(_ _)m

【属性、値および機能】
属性値（初期値）機能
bias-1.0〜1.0 (0.7)浮き上がる高さを指定する
enabled0/false (1)フィルタを実行しない
1/trueフィルタを実行する


○「bias」で浮き上がる高さを指定しましたが、見ても良く分かりませんでした。(^_^;

【例文】
・「bias=1.0」
||<#ffffff' style=' padding:0px; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Emboss(bias=1.0);' ``[[attached★(1,center)]]||

・「bias=0」
||<#ffffff' style=' padding:0px; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Emboss(bias=0);' ``[[attached★(1,center)]]||

・「bias=-1.0」
||<#ffffff' style=' padding:0px; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Emboss(bias=-1.0);' ``[[attached★(1,center)]]||

※全角記号の「★」が入っていますが、コピーした後に「★」を削除してください。m(_ _)m

【実際】

・「bias=1.0」
イメージ 1

・「bias=0」
イメージ 1

・「bias=-1.0」
イメージ 1


以上です　m(_ _)m

http://www.geocities.jp/bea_nies/00_main/bea_nies11.swf

開く トラックバック（0）

全2ページ

[1] [2]

[ 次のページ ]

Yahoo!ブログからのお知らせ

.
びーにぃ
びーにぃ
男性 / O型
人気度
Yahoo!ブログヘルプ - ブログ人気度について

ブログバナー

検索 検索

最新のコメント

最新のトラックバック

日 月 火 水 木 金 土
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

過去の記事一覧

友だち(7)
  • ★みぃな★
  • e**ma
  • hige
  • お嬢
  • 【電柱】*）Ｕｓａ
  • komiti
友だち一覧

Yahoo!からのお知らせ

仲間関係

Wiki文法関連

フラッシュ関連

ブログ素材

音楽関連

常連さん

ブログ関連

よしもとブログランキング

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
実質2000円で特産品がお手元に
11／30までキャンペーン実施中！
話題の新商品が今だけもらえる！
ジュレームアミノ　シュープリーム
プレゼントキャンペーン

その他のキャンペーン

プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事
前へ 次へ