フィルターでテーブル、文字などを透過する
またまた、消えましたので、とうとう潰されたかと思っている皆さんも多いでしょうが
まだ生きています。
昨日、パソコン・家電に移動して酷い目にあったのに懲りずにまた来てまーす。
昨日はぐりらさんのおかげ?で(名前出していいのかな?)どうにか700キープ
やっぱ600~700がいいですね。
と初めて見た人にはわけのわからない前置きはこれくらいにして
今日はリクエスト?のあった透けて見える表をやりましょうか。
といっても、時間までに書き終わるかわかりません(キー操作苦手)
ただ人に教えるとなるとそれなりの他の諸先輩方のやり方と比べないと行けないので
朝から出張して来ました(何しろ素人なので映ればいいという考えじゃ紹介できないんで)
その結果そんな違いは無い。
他の人のやり方だとビルダーではエラー表示になってしまう。
ということで、オレのやってる方法をそのまま載せます。
何回も書いていますが移動して新しい人も見ると思いますので念の為、
ここは初級者の管理人が初心者に覚えたことを伝えるページであり、難しい事を勉強したい方は他の専門サイトさんに行ったほうがいいと思います。
基本ポリシーは
「タグなんてなんとなく分かっていればいい。」です。
前置きが長くなったので早速本題。
この下らくらくコピペでコピーしてきました(爆
フィルター効果がわかりやすいように濃い色にしてあります。けっしてオレの趣味ではありません。
これにフィルターをつけます
CENTER style="width:650;height:200;background-color:#0033cc;">BR>
B>#ff0066">これにフィルターをつけます
CENTER>
は真ん中width:650;
height:200は幅と高さ
background-color:
#0033ccは背景色、BR>
は改行
B>
は太文字、#ff0066">
文字の色
こんな感じ。でもこれって背景代わりのようなものなので、透過してもあまり意味無しなので
見本はTOPページ真ん中のピンク色のものです。 後ろに画像などがあると意味ありますね。
これにフィルターをつけます
filter:Alpha(opacity=50);">
これにフィルターをつけます
filter:Alpha(opacity=50)をたしただけです。
50を好きな数字に変えて下さい(もちろん半角だよ)
20に変えました。字まで透過しちゃうんで割合が難しい。このくらいでどうでしょうか
これにフィルターをつけます
続いて文字もやってみましょう。
らくてんせいかつこれが
こうなります
らくてんせいかつ
#ff0000" size="7" face="HGゴシック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)">
さあ、表ですが、同じようにやってください。
見本をおきました。
この下コピペ
#ff9999;filter:Alpha(opacity=70);" bgcolor="#ff9999"
width="85%" >
237" align="center">楽天生活
オレンジのところは適当に変えて下さい。
width="
85%幅はまだ説明していませんが%でも指定できます。
パーセントではブラウザの大きさに合わせて幅が変わります。
~で挟んでいますので
中央にきます。
align="center"は中の文字の場所指定です。右とか左とか好きに変えて下さい。
opacity=
color=#ff6600>70)透過度合いです変えてみて下さい