文字に影をつける

文字に影をつける に関する記事です。
HOME > スポンサー広告 > title - 文字に影をつけるHOME > [役立つタグ] > title - 文字に影をつける
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
に関連したブログ内の記事へ

[RSS] [Admin] [NewEntry]

スポンサー広告 | Page Top↑ Yahoo!ブックマークに登録 スポンサーサイトの記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
文字に影をつける場合は、DropShadowタグを、使うよ。^^

具体的には、こんな感じだよ♪

<div style="width:100%; filter:DropShadow(color=ここに影の色,offX=3,offY=6)">ここに文字</div>

width:効果範囲(文字列)の幅の設定数値
color=シャドウの色

offX=数値が大きくなるほど、シャドウが右に移動
offY=数値が大きくなるほど、シャドウが下に移動



例えば、こんなふう↓に、記述すると・・・
<div style="width:100%; filter:DropShadow(color=#C0C0C0,offX=3,offY=2)">アフィリエイトでお小遣いを稼ぐ</div>

こんな↓感じ。^^

アフィリエイトでお小遣いを稼ぐ


●シャドウの方向を変えるには?

ちシャドウの方向(位置)を、変えるには、数値を、マイナス表記にすることで、可能だよ。^^


マイナス数値に、した場合↓は
<div style="width:100%; filter:DropShadow(color=#C0C0C0,offX=3,offY=-3)">アフィリエイトでお小遣いを稼ぐ</div>

こんな↓感じ。^^

アフィリエイトでお小遣いを稼ぐ


下から右上に、シャドウが付いたよね?^^


●流れるようなシャドウをつけたいなぁ

DropShadow属性のかわりに、Shadow属性を、使うよ!^^


そしてShadow(color=ここに影の色,

の後ろにdirectionタグを、使います。^^


<div style="width:100%; filter:Shadow(color=#C0C0C0,direction=30 offX=-3,offY=3)">アフィリエイトでお小遣いを稼ぐ</div>

アフィリエイトでお小遣いを稼ぐ


direction=”ここに記述する数値を、変更する事で、シャドウの向きを、変えられるよ^^”

右上は45
右は90
左下は135
下は180
左は270
左上は315
真上は0




●文字に色をつけたいんだけど?

おなじみの<span style="color:ここに文字の色">ここに文字</span>を、挿入しよう!^^

↓のようにすると・・・
<div style="width:100%; filter:DropShadow(color=silver,offX=3,offY=-3)"><span style="color:#ff0000">アフィリエイトでお小遣いを稼ぐ</span></div>

こうなるよ!^^
アフィリエイトでお小遣いを稼ぐ


「文字を立体的にして、目立たせたいな」という時に、便利なHTMLだよ。^^
使ってみてね。^^
スポンサーサイト
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
タグ に関連したブログ内の記事へ

[RSS] [Admin] [NewEntry]

[役立つタグ] | トラックバック:0 | コメント:6 | Page Top↑ Yahoo!ブックマークに登録 文字に影をつけるの記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
コメント
この記事へのコメント
レンジャーさん、こんにちわ。
今日も参考になる記事ありがとうございます。
左側のカテゴリーの「├」や「└」などで編集するには
FC2の場合、どのようにやればいいのですか?
応援ポチッ!
2008/06/03(火) 15:24 | URL | かず #Nl6qMWng[ 編集]
お久しぶり~!
みけさんの盗作でアフィリエイトレンジャーさんがコピペ禁止の方法書いてるって聞いたから早速きたの~
本当分かりやすく書いてあって勉強になるよ~!v-411
これからもお勉強しに来させてもらうね~!宜しくv-392
2008/06/03(火) 19:35 | URL | ともたん #-[ 編集]
こんばんは!
またまた、お勉強になりました。
ありがとうございます!
今日は仕事がオフ☆
ブログのレイアウトを直そうと思っていたのに、読書の時間に突入。
いつまでたっても、サイドバーが綺麗になりません(汗)
応援!心をこめて一杯~
2008/06/03(火) 21:43 | URL | サユサユ #mQop/nM.[ 編集]
こんばんは~
コメントありがとうございました~!
こんなご親切なBlogがあったなんて!!
超初心者お助け情報拝見させて頂きました☆
SEOスパム・・あかんことばっかりやっていたようです。。
直せるかな・・またお勉強にきまーす☆”応援ポチポチ!
2008/06/03(火) 22:33 | URL | ワビサビリー #-[ 編集]
こんにちは!
シャドウタグ 知りませんでしたぁ
数値で こんなに変わるんですね!
ちょっと いろいろ試してみますね

またまた ありがとうございました
応援ポチポチポチッ
2008/06/04(水) 10:22 | URL | まつり花 #.rEgMis2[ 編集]
かずさん、ともたんさん、サユサユさん、ワビサビリーさん、まつり花さん、こんにちは^^
かずさん

お尋ねの件ですが、ちょっとご説明するには長くなりますので、のちほど、お知らせいたします。
ブログによっては、やり方も違いますので。

のちほど、応援にうかがいます♪^^


ともたんさん

おひさしぶりです。^^
お役に立てましたら、何よりです。^^

この記事、意外と反響が多くて、びっくりです。
という事は、また盗作が増えてきているんですね・・・(汗)

のちほど、応援にうかがいます♪^^

サユサユさん

そのお気持ち解かります。^^

やらなきゃいけないことがある時に限って、
ついつい他の事をしてしまいますよね^^;
で、結局、余計に忙しくなったりしちゃってます。^^;

のちほど、応援にうかがいます♪^^


ワビサビリーさん

過分なお褒めの言葉を賜りまして、恐縮です。><

実はこのブログ、自分自身の再勉強のために始めたんですが、
意外にお役に立てている?感じで、予想外の喜びです。^^

また、よい記事をお届けできますよう、頑張ります。^^

のちほど、応援にうかがいます♪^^


まつり花さん

この方法は、記事の最初など、インパクトを与えたい時に、使用するといい感じかも?
文字が立体的になっていると、人目を引きやすいですから、
「ちょっと読んでいこう」という気になって、いただきやすいと思います。^^

のちほど、応援にうかがいます♪^^
2008/06/04(水) 10:41 | URL | アフィリエイトレンジャー #-[ 編集]
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://affiliateland.blog52.fc2.com/tb.php/97-b6ee4027
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
SEO対策:アフィリエイト SEO対策:副業 SEO対策:在宅ワーク
  1. 無料アクセス解析
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。