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

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

□ﾌｨﾙﾀ（IE4.0以上）

[ リスト | 詳細 ]

記事検索
検索

全3ページ

[1] [2] [3]

[ 次のページ ]

●IE4.0以上→Mask( );

●IE4.0以上→Mask( );

○「filter」プロパティで、文字と画像を型抜きした処理をする方法を紹介します。

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

※下記のような「緑色の枠」と、その「黄色の中」で文を「ドラック」して「コピー」し、
　貴方の記事で「ペースト」してください。
　そして、途中の文字列に行末を「改行」している場合があるので、必ず途中に「改行」している部分を
　取ってしてください。m(_ _)m

【属性、値および機能】
属性値（初期値）機能
color#RGB (-)透過する色を指定する 例：#ff0000
rgb()透過する色を指定する 例：rgb(255,0,0)
色名透過する色を指定する 例：green
enabled0/false (1)フィルタを実行しない
1/trueフィルタを実行する


○「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;' ``||

【元の文字と画像】

・普通の文字です。
イメージ 1

【実際】

・「color=#ff0000（赤色）」 ・「color=#00ff00（緑色）」 ・「color=#0000ff（青色）」
http://www.geocities.jp/bea_nies/00_main/RGB_color.gif http://www.geocities.jp/bea_nies/00_main/RGB_color.gif http://www.geocities.jp/bea_nies/00_main/RGB_color.gif


以上です　m(_ _)m

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

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

●IE4.0以上→chroma( );

●IE4.0以上→chroma( );

○「filter」プロパティで、画像の一部を消す方法を紹介します。

※下記のような「緑色の枠」と、その「黄色の中」で文を「ドラック」して「コピー」し、
　貴方の記事で「ペースト」してください。
　そして、途中の文字列に行末を「改行」している場合があるので、必ず途中に「改行」している部分を
　取ってしてください。m(_ _)m

【属性、値および機能】
属性値（初期値）機能
color#RGB (-)透過する色を指定する 例：#ff0000
rgb()透過する色を指定する 例：rgb(255,0,0)
色名透過する色を指定する 例：green
enabled0/false (1)フィルタを実行しない
1/trueフィルタを実行する

【サンプル画像】

・「color=#0000ff（青色）」 ・「color=#00ff00（緑色）」 ・「color=#ff0000（赤色）」
http://www.geocities.jp/bea_nies/00_main/RGB_color.gif http://www.geocities.jp/bea_nies/00_main/RGB_color.gif http://www.geocities.jp/bea_nies/00_main/RGB_color.gif

・「color=#ffff00（黄色）」 ・「color=#ff00ff（紫色）」 ・「color=#00ffff（水色）」
http://www.geocities.jp/bea_nies/00_main/RGB_color.gif http://www.geocities.jp/bea_nies/00_main/RGB_color.gif http://www.geocities.jp/bea_nies/00_main/RGB_color.gif


○画像の一部を消す。

【元画像】


イメージ 1

【例文】
・「color=#ff0000（赤色＝ＲＲ）」

||<#000000' style=' padding:10px; filter:Chroma(color=#ff0000);' ``[[img(http://www.geocities.jp/bea_nies/00_main/RGB_color.gif)]]||

・「color=#00ff00（緑色＝ＧＧ）」

||<#000000' style=' padding:10px; filter:Chroma(color=#00ff00);' ``[[img(http://www.geocities.jp/bea_nies/00_main/RGB_color.gif)]]||

・「color=#0000ff（青色＝ＢＢ）」

||<#000000' style=' padding:10px; filter:Chroma(color=#0000ff);' ``[[img(http://www.geocities.jp/bea_nies/00_main/RGB_color.gif)]]||

【実際】

・「color=#ff0000（赤色＝ＲＲ）」

http://www.geocities.jp/bea_nies/00_main/RGB_color.gif

・「color=#00ff00（緑色＝ＧＧ）」

http://www.geocities.jp/bea_nies/00_main/RGB_color.gif

・「color=#0000ff（青色＝ＢＢ）」

http://www.geocities.jp/bea_nies/00_main/RGB_color.gif


以上です　m(_ _)m

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

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

●IE4.0以上→Glow( );

●IE4.0以上→Glow( );

○「filter」プロパティで、文字列や画像に影を飾る方法を紹介します。

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

※下記のような「緑色の枠」と、その「黄色の中」で文を「ドラック」して「コピー」し、
　貴方の記事で「ペースト」してください。
　そして、途中の文字列に行末を「改行」している場合があるので、必ず途中に「改行」している部分を
　取ってしてください。m(_ _)m

【属性、値および機能】
属性値（初期値）機能
color#RGB (-)光の色を指定する 例：#ff0000
rgb()光の色を指定する 例：rgb(255,0,0)
色名光の色を指定する 例：green
strength数値 (5)光の強さ
enabled0/false (1)フィルタを実行しない
1/trueフィルタを実行する


○文字列の外枠
　「color=red（赤色）」、「strength=10（10の枠）」

【例文】
||<#cccccc' style=' padding:20px; font:20pt bold; color:white; background-color:transparent; filter:Glow(color=red,strength=10);' ``【びーにぃ】 の Wiki 攻略本||

【実際】

【びーにぃ】 の Wiki 攻略本


○画像の外枠
　「color=orange（オレンジ色）」、「strength=30（30の枠）」

【例文】
||<#ffffff' style=' padding:30px; background-color:transparent; filter:Glow(color=orange,strength=30);' ``[[attached★(1,center)]]||

※全角文字の「★」が入っていますが、ここをコピーして「★」を削除してください。m(_ _)m

【実際】

イメージ 1


以上です　m(_ _)m

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

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

●IE4.0以上→Shadow( );

●IE4.0以上→Shadow( );

○「filter」プロパティで、文字列や画像に影を付ける方法を紹介します。

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

※下記のような「緑色の枠」と、その「黄色の中」で文を「ドラック」して「コピー」し、
　貴方の記事で「ペースト」してください。
　そして、途中の文字列に行末を「改行」している場合があるので、必ず途中に「改行」している部分を
　取ってしてください。m(_ _)m

【属性、値および機能】
属性値（初期値）機能
color#RGB (-)影の色を指定する 例：#ff0000
rgb()影の色を指定する 例：rgb(255,0,0)
色名影の色を指定する 例：green
direction0影の方向：上
45影の方向：右斜め上
90影の方向：右
135影の方向：右斜め下
180影の方向：下
225影の方向：左斜め下
270影の方向：左
315影の方向：左斜め上
enabled0/false (1)フィルタを実行しない
1/trueフィルタを実行する


○外枠に、右斜め下の影をつける。
　「color=red（赤色）」、「direction=135（右斜め下の影）」

【例文】
||<#ffffff' style=' padding:16px; font:bold 20pt; color:red; background-color:transparent; filter:Shadow(color=blue,direction=135);' ``あいうえお　文字列||

||<#ffffff' style=' padding:16px; color:red; background-color:transparent; filter:Shadow(color=blue,direction=135);' ``[[attached★(1)]]　あいうえお　文字列||

※全角文字の「★」が入っていますが、ここをコピーして「★」を削除してください。m(_ _)m

【実際】

あいうえお　文字列

イメージ 1　あいうえお　文字列


○外枠に、左斜め上の影をつける。
　「color=red（赤色）」、「direction=315（右斜め下の影）」

【例文】
||<#ffffff' style=' padding:16px; font:bold 20pt; color:red; background-color:transparent; filter:Shadow(color=blue,direction=315);' ``あいうえお　文字列||

||<#ffffff' style=' padding:16px; color:red; background-color:transparent; filter:Shadow(color=blue,direction=315);' ``[[attached★(1)]]　あいうえお　文字列||

※全角文字の「★」が入っていますが、ここをコピーして「★」を削除してください。m(_ _)m

【実際】

あいうえお　文字列

イメージ 1　あいうえお　文字列


以上です　m(_ _)m

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

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

●IE4.0以上→Dropshadow( );

●IE4.0以上→Dropshadow( );

○「filter」プロパティで、文字列や画像に影をくっきりと付ける方法を紹介します。

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

※下記のような「緑色の枠」と、その「黄色の中」で文を「ドラック」して「コピー」し、
　貴方の記事で「ペースト」してください。
　そして、途中の文字列に行末を「改行」している場合があるので、必ず途中に「改行」している部分を
　取ってしてください。m(_ _)m

【属性、値および機能】
属性値（初期値）機能
color#RGB (-)影の色を指定する 例：#ff0000
rgb()影の色を指定する 例：rgb(255,0,0)
色名影の色を指定する 例：green
offx数値影の横方向の長さ(ピクセル)
offy数値影の縦方向の長さ(ピクセル)
positive0/false (1)影の反転を行う
1/true通常の影
enabled0/false (1)フィルタを実行しない
1/trueフィルタを実行する


○外枠に、影をくっきりと付ける。
　「color=red（赤色）」、「offx=10（横方向10）」、「offy=10（縦方向10」、「positive=1（影をつける）」

【例文】
||<#ffffff' style=' padding:16px; font:bold 20pt; color:red; background-color:transparent; filter:Dropshadow(color=blue,offx=10,offy=10,positive=1);' ``あいうえお　文字列||

||<#ffffff' style=' padding:16px; color:red; background-color:transparent; filter:Dropshadow(color=blue,offx=10,offy=10,positive=1);' ``[[attached★(1)]]　あいうえお　文字列||

※全角文字の「★」が入っていますが、ここをコピーして「★」を削除してください。m(_ _)m

【実際】

あいうえお　文字列

イメージ 1　あいうえお　文字列


○外枠に、影を反転する。
　「color=red（赤色）」、「offx=10（横方向10）」、「offy=10（縦方向10」、「positive=0（影を反転する）」

【例文】
||<#ffffff' style=' padding:16px; font:bold 20pt; color:red; background-color:transparent; filter:Dropshadow(color=blue,offx=10,offy=10,positive=0);' ``あいうえお　文字列||

||<#ffffff' style=' padding:16px; color:red; background-color:transparent; filter:Dropshadow(color=blue,offx=10,offy=10,positive=0);' ``[[attached★(1)]]　あいうえお　文字列||

※全角文字の「★」が入っていますが、ここをコピーして「★」を削除してください。m(_ _)m

【実際】

あいうえお　文字列

イメージ 1　あいうえお　文字列


以上です　m(_ _)m

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

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

全3ページ

[1] [2] [3]

[ 次のページ ]

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)
  • jyajya
  • komiti
  • 【電柱】*）Ｕｓａ
  • hige
  • お嬢
  • e**ma
友だち一覧

Yahoo!からのお知らせ

仲間関係

Wiki文法関連

フラッシュ関連

ブログ素材

音楽関連

常連さん

ブログ関連

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

もっと見る

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

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

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