日記 GT-ONE WEBSITE 【プチ講座】 |
ファイル 編集 表示 お気に入り ヘルプ(ご質問掲示板) プチ講座 プチOFF会告知 |
今日は臨時の【プチ講座】です。( ̄‥ ̄)=3 フン
よぉ☆0605さんからのご質問です。
画像に「filter」をかけまして、影をつけてみましょう。
テキストに影をつるのは、【プチ講座】 飾り文字を書くで紹介しましたが、今日は画像に影をつけて見ます。
このようになります。このタグを書いて見ますね!
<center style="filter:shadow(color:gray,direction:135,strength:25);width:100%;height:100%;">
<img src=http://plaza.rakuten.co.jp/img/user/65/14/1286514/3.jpg ><BR><BR><BR>
</center>
|
|
赤のタグ は画像のタグです。ここに画像のアドレスを入れますね!
(color:gray,direction:135,strength:25) この部分を説明しておきます。
color:gray は影の色です。
direction:135 は影の方向です。135は右下になります。左下にしたいときは、数値を、225にします。
strength:25 は影の長さです。25PXの長さということです。
ここで、注意していただきたいのは、画像のアドレスの後に、改行のタグ<BR>があることです。
25PX以上の改行を与えないと、下の影が出ません。お判りでしょうか!
この影の数値を大きくするにしたがって、改行も増やさないと影が表示しません。
臨時の【プチ講座】でした。では!みなさんがんばって下さいませ。( ̄‥ ̄)=3 フン
プチOFF会もよろしくです。( ̄m ̄*)V
では!ε=ε=ε=(┌ ̄)┘ダッシュ!
|
お気に入りの記事を「いいね!」で応援しよう
やってみます!ありがとうございます。(*^-^)ニコ
|
修ちゃんmama さん |
いつも お世話に なって おります。
なんだか 今夜の 楽天は ひときわ むちゃくちゃ な 気が しますが、頑張ります!(笑)
(2004/05/22 10:52:04 PM)
Re:臨時の【プチ講座】画像に影!(05/22)
|
よぉ★0605 さん |
あ・ありがとうございます~ ペコリ(o_ _)o))
早速教えていただいちゃって うれしいデス♪
ワタシの間違い
・center stylがまずダメ pとかbとか見当ハズレな事してました
・widthはいれていたのにheightを入れていなかった事
・<BR>を入れる事を 知らなかったこと
以上です はぁぁ~。。。
画像の位置指定もページ一覧の所では すんなりとハマった物がTOPページの編集のところでやると全然ハマらない!
「更新しました」と出た後 編集ページのプレビューを見ると TOPに反映されたものとはまったく違う状態なのよね~
でもTOPがちゃんと見えてればいいのかなぁ~。。。な~んて ^^;
GT-ONEさんが来てくれて時は まだひどい状態じゃぁなかったですか?
なんとかまとまりましたんで 今度みてくださいね~
(カキコ長くて すいませ~ん)
(2004/05/22 11:15:27 PM)
Re:臨時の【プチ講座】画像に影!(05/22)
|
kotalon さん |
いいですね、早速使わせてくださいね。
いつも、ありがとうございます。
(2004/05/23 09:56:22 AM)
Re:臨時の【プチ講座】画像に影!(05/22)
|
彩花1113 さん |
こんにちは☆ミ(=^_^=)ノ彡☆
お久しぶりです♪
風景画像などにイイ感じですよねェ~♪
頂いて帰りますね☆彡
(2004/05/23 03:23:28 PM)
Re:臨時の【プチ講座】画像に影!(05/22)
|
桜紫OKEI さん |
★こんばんわ。
先日は OFF会へのお誘いありがとうございました。
なぜか、この時期多忙になり、残念ながらご一緒できそうにありません。 すみません。
後記、楽しみにしておりますので、
エピソードのたくさんある楽しい宵になりますようにー
(2004/05/23 11:29:29 PM)
う~~む 今日の日記で 早速挑戦させていただきましたが、二つ挑戦して 一つ失敗・・・
1勝1敗か?(^^ゞ
なんでかは・・・わかりません。ページで 作ってみた時は 両方できてたんですけどね??
う~~~む 難しすぎる・・・(・_・?)ハテ?
(2004/05/23 11:36:58 PM)
おはようございま~す(*^_^*)
タグ頂いて帰りますm(__)m
影の長さの分だけ改行が必要なんですねφ(..)メモメモ
(2004/05/24 08:28:14 AM)
こんばんは
お久しぶりです。
セ・リーグ
まだまだ混戦状態ですね。
メッセージ入れておきます。
(2004/05/24 07:48:24 PM)
Re:臨時の【プチ講座】画像に影!(05/22)
|
レンゲ・ローズ さん |
こんばんは。
いつも有り難うございます。
さっそくトライしてみますね。
25PX以上の改行に気をつけなければ・・・
(2004/05/25 11:34:24 PM)