大人の楽天生活 スローライフを楽しむ情報Blog楽天生活です

大人の楽天生活 スローライフを楽しむ情報Blog楽天生活です

グラデーションカラー/ フィルタ処理

INDEX FILTER FONT TEBLE MARQUEE 日記 消す 無料 style その他

さまざまなフィルター処理 1

IEではフィルターと言うのが使用できます。
１．The Gradient Filter in IE5.5

グラデーションカラーフィルター

普通は<BODY> <SPAN> <DIV>内等で使用しますが
いずれのタグも楽天では使えません（DIVは一部可）
styleタグで設定しますので、STYLEタグが使えるところでは
殆ど使用出きると思います。
具体的にはP、CENTER、TD、TABLEなどです。

1, グラデーションカラーフィルターをTABLEに使用

横のグラデーションカラー（Aタイプ）

楽天生活

たてのグラデーションカラー（Bタイプ）

楽天生活
横のグラデーション（Aタイプ）この下コピペ

<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Gradient(endColorstr= #00ffffff startColorstr= aqua gradientType=1);">
<TBODY>
<TR>
<TD height="200" align="center" width="200"> <FONT style="width:100%;filter:shadow(color=#003333 direction=270)" color="#ff0066" size="5"><B>楽天生活</B></FONT> </TD>
</TR>
</TBODY>
</TABLE>

オレンジの部分がカラーですので好きな色に変えてください。
色は出来るだけカラーコードで入れましょう。
赤い部分は中の文字のフィルターですのでいらない場合は文字だけ入れて下さい。
普通は , で区切る所を半角スペースで対応しています。気をつけてね。
関連の日記はこちら
中の フィルターを使った文字はこちら

関連の日記 　も要チェック
たてのグラデーション（Bタイプ）この下のHTMLソースをコピペ

<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Gradient(endColorstr= #00ffffff startColorstr= aqua gradientType=0);">
<TBODY>
<TR>
<TD height="200" align="center" width="200"> <FONT style="width:100%;filter:shadow(color=#003333 direction=270)" color="#ff0066" size="5"><B>楽天生活</B></FONT> </TD>
</TR>
</TBODY>
</TABLE>

2,グラデーションフィルターをTDに使用

こうなって
います
楽天
生活


青い部分alignは行揃えの位置です、
右揃いにしてあります。好きに変えてください。

TDタグに使用のグラデーションフィルターHTMLソース

<TABLE width="400">
<TBODY>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.Gradient(endColorstr= #00ffffff startColorstr= aqua gradientType=1);" height="200" width="200" align="right" > <FONT style="width:100%;filter:shadow(color=#003333 direction=270)" color="#ff0066" size="5"><B>楽天</B></FONT> </TD>
<TD style="FILTER: progid:DXImageTransform.Microsoft.Gradient(endColorstr= aqua startColorstr= #00ffffff gradientType=1);" width="200"> <FONT style="width:100%;filter:shadow(color=#003333 direction=270)" color="#ff0066" size="5"><B>生活</B></FONT> </TD>
</TR>
</TBODY>
</TABLE>

楽天生活 │ らくらくショッピングガイド │ らくらくコピペ │ 楽天サーフィン │ みゅうちゃん │ You Big │ 気ままな生活 │
アフィリエイトの始めかた │ 初めての方 │ 楽天市場案内２ │ 楽天市場案内 │ プロフィール │ LINK │ DIARY │ BBS

当サイトのどのページもリンクはフリーです
コピペ用HTMLソース、テンプレートの使用もすべてＯＫですが、
そのまま二次配布、加工しての二次配布はご容赦願います。
Copyright (C) 楽天生活　2003-2004　All Rights Reserved



© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
    Share by: