○グラデーションのラインを入れると、とても綺麗になります。 いくつか例をあげますので、参考してください。 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− ○グラデーションのライン ・「startcolorstr=#ff00ffff,」について ８桁の「#ff00ffff」の内、３桁目〜８桁目の「00ffff」（６桁分）が色数になりますので、 その６桁分で色を変更しましょう！ ・「endcolorstr=#ffff00ff,」について ８桁の「#ffff00ff」の内、３桁目〜８桁目の「ff00ff」（６桁分）が色数になりますので、 その６桁分で色を変更しましょう！ ※グラデーションで全体幅を入れるため、「width:544px;」を入れる必要があります。 ※「height:30px;」は「高さ」になります。 【例文】 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− ・上側（startcolorstr）から下側（endcolorstr）へ色を「縦移動」（gradienttype=0）する。 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− ＜水色（00ffff）から紫色（ff00ff）＞ ||<#ffffff' style=' width:544px; height:30px; filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ff00ffff, endcolorstr=#ffff00ff, gradienttype=0);' ``|| ＜紫色（ff00ff）から黄色（ffff00）＞ ||<#ffffff' style=' width:544px; height:30px; filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffff00ff, endcolorstr=#ffffff00, gradienttype=0);' ``|| ＜黄色（ffff00）から水色（00ffff）＞ ||<#ffffff' style=' width:544px; height:30px; filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffffff00, endcolorstr=#ff00ffff, gradienttype=0);' ``|| −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− ・左側（startcolorstr）から右側（endcolorstr）へ色を「横移動」（gradienttype=1）する。 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− ＜青色（0000ff）から緑色（00ff00）＞ ||<#ffffff' style='width:544px; height:30px; filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ff0000ff, endcolorstr=#ff00ff00, gradienttype=1);' ``|| ＜緑色（00ff00）から赤色（ff0000）＞ ||<#ffffff' style='width:544px; height:30px; filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ff00ff00, endcolorstr=#ffff0000, gradienttype=1);' ``|| ＜赤色（ff0000）から青色（0000ff）＞ ||<#ffffff' style='width:544px; height:30px; filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffff0000, endcolorstr=#ff0000ff, gradienttype=1);' ``||【実際】 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− ・上側（startcolorstr）から下側（endcolorstr）へ色を「縦移動」（gradienttype=0）する。 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− ＜水色（00ffff）から紫色（ff00ff）＞ ＜紫色（ff00ff）から黄色（ffff00）＞ ＜黄色（ffff00）から水色（00ffff）＞ −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− ・左側（startcolorstr）から右側（endcolorstr）へ色を「横移動」（gradienttype=1）する。 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− ＜青色（0000ff）から緑色（00ff00）＞ ＜緑色（00ff00）から赤色（ff0000）＞ ＜赤色（ff0000）から青色（0000ff）＞ 以上です m(_ _)m −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
|
- >
- コンピュータとインターネット
- >
- インターネット
- >
- ホームページ
転載させて�腓気�！！
2006/8/11(金) 午前 11:47
●きりんさん＞ どうぞどうぞ、持ち帰ってくださいね！ ＼(^o^)／
2006/8/11(金) 午後 0:42
こんな事も出来るんですね〜。練習してみます☆
2006/10/29(日) 午前 2:36 [ - ]
●しょうパパさん＞ ここは前に作った記事だったけど、今は新しい記事に変えています。でも、ここに来てくれて、ありがとうございます〜 (^_^)v
2006/10/29(日) 午後 1:10
綺麗ですね〜♪トラックバックさせて下さい。ほんとはびーにぃさんの記事を見ながらコピペででも、ゆっくり記事にしたいのですが、時間が足らないです、、
2006/10/30(月) 午後 9:23
傑作！
2006/10/30(月) 午後 9:27
●あいちゃん＞ トラックバック、ありがとうございます！ ゆっくり楽しみましょうね〜 (^_-)-☆
2006/11/2(木) 午後 1:24
お勉強させてね（＾０＾）
2006/11/5(日) 午前 10:35
●マコさん＞ とりあえず、出来ていたから問題ないですよ！ (^_^)v
2006/11/5(日) 午後 2:30
●オカン＞ 何にでも良いですよ。ちゃんと出来ただけで十分です。気にしないでくださいね。(^_^)v
2006/11/30(木) 午後 3:00
これで勉強します！記事作ったときはトラバしますPq'v`◆)+:｡*
2007/1/10(水) 午後 2:12 [ rai*_*al ]
●ゆかさん＞ グラデーションはとても綺麗なので、ゆっくり楽しみましょうね！ (^_^)v
2007/1/11(木) 午後 4:28
ｱﾘがとうございます★記事作ってみますトラバしますね(♡^ω^%)
2007/1/14(日) 午前 11:08 [ rai*_*al ]
お久しぶりです。これ頂きます。ありがとうございました。
2007/1/14(日) 午後 2:13
●ゆかさん＞ 出来ましたね！ おめでとうございます〜 ＼(^o^)／
2007/1/14(日) 午後 8:19
●ＬＢさん＞ 持ち帰ってくださいね！ 宜しくです〜 (^_-)-☆
2007/1/14(日) 午後 8:26
使わせていただきました。幅を少し狭くしてやってみました。とても綺麗に出来ましたよ。嬉しいです。今度はオリジナルカラーで作ってみたいです。トラックバックしました。
2007/2/4(日) 午後 11:10
●あぁ茶ん＞ トラックバック、ありがとうございます！ そして、餅つき大会、お疲れ様でした〜 m(. .)m
2007/2/5(月) 午後 3:37
すみませんこちら転載させていただいてよろしいですか？色々と勉強していきたいのでこれからもお願いするかもしれません。よろしくお願いしますm(_ _)m ﾞ(*･･)σ【】ポチ♪
2007/3/8(木) 午後 6:53
●麻美さん＞ 転載しても良いですよ。どうぞどうぞ〜 (^_-)-☆
2007/3/9(金) 午後 2:30