▼ 文字に影をつける
文字に影をつける場合は、DropShadowタグを、使うよ。＾＾
具体的には、こんな感じだよ♪
<div style="width:100%; filter:DropShadow(color=ここに影の色,offX=3,offY=6)">ここに文字</div>
例えば、こんなふう↓に、記述すると・・・
<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=”ここに記述する数値を、変更する事で、シャドウの向きを、変えられるよ＾＾”
●文字に色をつけたいんだけど？
おなじみの<span style="color:ここに文字の色">ここに文字</span>を、挿入しよう！＾＾
↓のようにすると・・・
<div style="width:100%; filter:DropShadow(color=silver,offX=3,offY=-3)"><span style="color:#ff0000">アフィリエイトでお小遣いを稼ぐ</span></div>
こうなるよ！＾＾
「文字を立体的にして、目立たせたいな」という時に、便利なHTMLだよ。＾＾
使ってみてね。＾＾
もっといいおこづかいを稼ぐ情報を探しに行く？＾＾
タグ
に関連したブログ内の記事へ
具体的には、こんな感じだよ♪
<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だよ。＾＾
使ってみてね。＾＾
この記事へのコメント
レンジャーさん、こんにちわ。
今日も参考になる記事ありがとうございます。
左側のカテゴリーの｢├｣や｢└｣などで編集するには
ＦＣ２の場合、どのようにやればいいのですか？
応援ポチッ！
今日も参考になる記事ありがとうございます。
左側のカテゴリーの｢├｣や｢└｣などで編集するには
ＦＣ２の場合、どのようにやればいいのですか？
応援ポチッ！
お久しぶり〜！
みけさんの盗作でアフィリエイトレンジャーさんがコピペ禁止の方法書いてるって聞いたから早速きたの〜
本当分かりやすく書いてあって勉強になるよ〜！
これからもお勉強しに来させてもらうね〜！宜しく
みけさんの盗作でアフィリエイトレンジャーさんがコピペ禁止の方法書いてるって聞いたから早速きたの〜
本当分かりやすく書いてあって勉強になるよ〜！
これからもお勉強しに来させてもらうね〜！宜しく
こんばんは！
またまた、お勉強になりました。
ありがとうございます！
今日は仕事がオフ☆
ブログのレイアウトを直そうと思っていたのに、読書の時間に突入。
いつまでたっても、サイドバーが綺麗になりません（汗）
応援！心をこめて一杯〜
またまた、お勉強になりました。
ありがとうございます！
今日は仕事がオフ☆
ブログのレイアウトを直そうと思っていたのに、読書の時間に突入。
いつまでたっても、サイドバーが綺麗になりません（汗）
応援！心をこめて一杯〜
コメントありがとうございました〜！
こんなご親切なBlogがあったなんて！！
超初心者お助け情報拝見させて頂きました☆
SEOスパム・・あかんことばっかりやっていたようです。。
直せるかな・・またお勉強にきまーす☆”応援ポチポチ！
こんなご親切なBlogがあったなんて！！
超初心者お助け情報拝見させて頂きました☆
SEOスパム・・あかんことばっかりやっていたようです。。
直せるかな・・またお勉強にきまーす☆”応援ポチポチ！
シャドウタグ 知りませんでしたぁ
数値で こんなに変わるんですね！
ちょっと いろいろ試してみますね
またまた ありがとうございました
応援ポチポチポチッ
数値で こんなに変わるんですね！
ちょっと いろいろ試してみますね
またまた ありがとうございました
応援ポチポチポチッ
かずさん
お尋ねの件ですが、ちょっとご説明するには長くなりますので、のちほど、お知らせいたします。
ブログによっては、やり方も違いますので。
のちほど、応援にうかがいます♪＾＾
ともたんさん
おひさしぶりです。＾＾
お役に立てましたら、何よりです。＾＾
この記事、意外と反響が多くて、びっくりです。
という事は、また盗作が増えてきているんですね･･･（汗）
のちほど、応援にうかがいます♪＾＾
サユサユさん
そのお気持ち解かります。＾＾
やらなきゃいけないことがある時に限って、
ついつい他の事をしてしまいますよね＾＾；
で、結局、余計に忙しくなったりしちゃってます。＾＾；
のちほど、応援にうかがいます♪＾＾
ワビサビリーさん
過分なお褒めの言葉を賜りまして、恐縮です。＞＜
実はこのブログ、自分自身の再勉強のために始めたんですが、
意外にお役に立てている?感じで、予想外の喜びです。＾＾
また、よい記事をお届けできますよう、頑張ります。＾＾
のちほど、応援にうかがいます♪＾＾
まつり花さん
この方法は、記事の最初など、インパクトを与えたい時に、使用するといい感じかも？
文字が立体的になっていると、人目を引きやすいですから、
「ちょっと読んでいこう」という気になって、いただきやすいと思います。＾＾
のちほど、応援にうかがいます♪＾＾
お尋ねの件ですが、ちょっとご説明するには長くなりますので、のちほど、お知らせいたします。
ブログによっては、やり方も違いますので。
のちほど、応援にうかがいます♪＾＾
ともたんさん
おひさしぶりです。＾＾
お役に立てましたら、何よりです。＾＾
この記事、意外と反響が多くて、びっくりです。
という事は、また盗作が増えてきているんですね･･･（汗）
のちほど、応援にうかがいます♪＾＾
サユサユさん
そのお気持ち解かります。＾＾
やらなきゃいけないことがある時に限って、
ついつい他の事をしてしまいますよね＾＾；
で、結局、余計に忙しくなったりしちゃってます。＾＾；
のちほど、応援にうかがいます♪＾＾
ワビサビリーさん
過分なお褒めの言葉を賜りまして、恐縮です。＞＜
実はこのブログ、自分自身の再勉強のために始めたんですが、
意外にお役に立てている?感じで、予想外の喜びです。＾＾
また、よい記事をお届けできますよう、頑張ります。＾＾
のちほど、応援にうかがいます♪＾＾
まつり花さん
この方法は、記事の最初など、インパクトを与えたい時に、使用するといい感じかも？
文字が立体的になっていると、人目を引きやすいですから、
「ちょっと読んでいこう」という気になって、いただきやすいと思います。＾＾
のちほど、応援にうかがいます♪＾＾
この記事のトラックバックURL
http://affiliateland.blog52.fc2.com/tb.php/97-b6ee4027
この記事にトラックバックする(FC2ブログユーザー)
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
アフィリエイトレンジャー(08/28)
ヒロキ(08/28)
ゆういちろう(08/27)
ともたん(08/27)
ひでいえ(08/27)
サユサユ(08/27)
みけ(08/27)