大人の楽天生活 スローライフを楽しむ情報Blog楽天生活です

　フィルターでテーブル、文字などを透過する

　またまた、消えましたので、とうとう潰されたかと思っている皆さんも多いでしょうが

まだ生きています。

　昨日、パソコン・家電に移動して酷い目にあったのに懲りずにまた来てまーす。

昨日はぐりらさんのおかげ？で(名前出していいのかな？）どうにか７００キープ

やっぱ６００～７００がいいですね。

と初めて見た人にはわけのわからない前置きはこれくらいにして

　今日はリクエスト？のあった透けて見える表をやりましょうか。

といっても、時間までに書き終わるかわかりません（キー操作苦手）

　ただ人に教えるとなるとそれなりの他の諸先輩方のやり方と比べないと行けないので

朝から出張して来ました（何しろ素人なので映ればいいという考えじゃ紹介できないんで）

その結果そんな違いは無い。

　他の人のやり方だとビルダーではエラー表示になってしまう。

ということで、オレのやってる方法をそのまま載せます。

何回も書いていますが移動して新しい人も見ると思いますので念の為、

ここは初級者の管理人が初心者に覚えたことを伝えるページであり、難しい事を勉強したい方は他の専門サイトさんに行ったほうがいいと思います。

基本ポリシーは

「タグなんてなんとなく分かっていればいい。」です。

前置きが長くなったので早速本題。

この下らくらくコピペでコピーしてきました（爆

フィルター効果がわかりやすいように濃い色にしてあります。けっしてオレの趣味ではありません。

こんな感じ。でもこれって背景代わりのようなものなので、透過してもあまり意味無しなので

見本はTOPページ真ん中のピンク色のものです。　後ろに画像などがあると意味ありますね。

20に変えました。字まで透過しちゃうんで割合が難しい。このくらいでどうでしょうか　

続いて文字もやってみましょう。

らくてんせいかつこれが

こうなります

らくてんせいかつ

#ff0000" size="7" face="ＨＧｺﾞｼｯｸE-PRO" style="width:100%;filter:alpha(opacity=40)">らくてんせいかつ

オレンジのところは適当に変えて下さい。まっ、あまり使い道はなさそうだけど。

次に画像にフィルターです。画像の編集ソフトがある人はわざわざやることはありません。

イマイチパッとしないバラです。

http://plaza.rakuten.co.jp/img/user/00/00/0000/00.jpg" width="310" height="228" alt="ばら">

こうなりました。あまり見本が良くなかったので意味ないものになってしまいました。

http://plaza.rakuten.co.jp/img/user/00/00/0000/00.jpg" style="filter:alpha(opacity=40);" width="310" height="228" alt="ばら">

(オレンジは自分の画像をいれて下さい。width="310" height="228" alt="ばら"は無くてもOK



　ついでなのでまわりをぼかすのはこれです。width="310" height="228" alt="ばら"はカットしました。

つけたい人は上を参考につけて、ちなみにalt="ばら"というのは画像が見れない人のためにあるので

大切な物です。ですから長々と説明を入れてもOKよ。

http://plaza.rakuten.co.jp/img/user/00/00/00/00.jpg" style="filter:alpha(style=2)">



style=2がstyle=3になっただけです。

http://plaza.rakuten.co.jp/img/user/00/00/00/00.jpg" style="filter:alpha(style=3)">

　さあ、表ですが、同じようにやってください。

見本をおきました。

この下コピペ