GT-ONE 楽天タグ講座 パイプ奮闘記

Freepage List

【写真集】


■ 玄関 ■ 


■プチ講座MENU


【日記の雛形・罫線】


【もう一つのプロフィール】


■【おもしろタグ教室MENU】


バナーって何!


プレート教室VOL.1


プレート教室VOL.2


アニメGIF製作VOL.3


画像


アップロードとは  


アイコンの使い方!


壁紙の使い方!


【バナー&プレート置き場】


.    


.      


.    


  


.


【壁紙チェンジャー】


【リンク集】


   


.   


     


.         


【キリ番】


   


  


   


  


  


  


  


  


  


 


  


  


  


マーキー


グラデーションフォント 


色々なスクロール1


色々なスクロール2


色んなスクロール3


  


   


【カラーサンプル】カラーコード表


【カラーサンプル】カラーネーム表


(*mm)   


!  


スクロールを消す


  


  


TABLEでページ一覧を隠す


.


φ(..)


.


スイッチで表示


【日記リンクの皆様】 


( ̄‥ ̄)=3 フン


      


 


           


■【HPの飾り付け教室MENU】


   


TABLEで整理整頓  


アニメGIFって何!


      


画像を貼り付けてみよう


リンクを貼って見よう


楽天での壁紙について


壁紙の位置指定


 


【飾付VOL10】


test


雛形1


Rum Rose


remon


【My PIPE Collection】


【マイ パイプ コレクション001~010】


【マイ パイプ コレクション011~020】


【マイ パイプ コレクション021~030】


【マイパイプ コレクション #31~#40】


レストアの仕方


2004/02/15

 
XML
カテゴリ:【プチ講座】

 
    今日は、ボックスの中にフィルタ(filter)のタグを入れて、全体の感じを柔らかくしてみます。
    このフィルタのタグは、 Internet Explorer  独自のタグです。 Netscape  には対応しておりません。
 
    以前、この filter のタグを使いまして、 文字(テキスト) 画像 に特殊効果を設定することを紹介しました。
    日記の【プチ講座】  【飾り文字を書く】  と  【画像に特殊効果を設定する】  です。
    今日は、ボックスの中に入れてみましょう。
 
    まずは、フィルタ効果を入れないで背景画像をボックスの中に入れてみます。


 
    みなさんに分かりやすいように、背景画像に
    似つかわしくないものを使っております。
    文字の色はレッドにしてあります。
    <B> </B> タグを入れまして、文字を強調しています。


↑このボックスに、フィルタ効果をかけますと↓このようになります。


 
    背景も透過しますが、
    文字も透過します。
    背景に合った、フォントカラーを選択しましょう。
    <B> </B> タグを入れてフォントを強調した方がいいですね。


    いつものボックスのタグの中に  filter: alpha(opacity=50);  のタグを入れます。
    これを入れたタグを書いて見ます。


<center>
<P style="border-style:double;color:black;border-width:;width: 60%;height:150px;background-color:;background-image:url(背景画像のURL); filter: alpha(opacity=50);" align="left"><FONT color="red"><B>
此処に文字を書きます。
</B></FONT>
</P>
</center>


    filter: alpha(opacity=50);  の 50 の数値を変える事で、ぼかしの度合いが変わってきます。
    数値が小さくなるほどぼかしが強くなります。お判りでしょうか!数値は 0~100 までです。
 
    ではみなさんがんばって下さいませ。ε=ε=ε=(┌ ̄)┘ダッシュ!
 
     日記の飾り付け【プチ講座メニュー】はこちらから!
     ご注意:プチ講座は2003/11/28のタグ規制で使えないものがあります。
          ご承知おきください。

 







Last updated  2004/09/19 01:08:10 PM
コメント(8) | コメントを書く



PR

Profile


gtone

Calendar


Copyright (c) 1997-2020 Rakuten, Inc. All Rights Reserved.