11769480 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

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

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

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

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

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

IEではフィルターと言うのが使用できます。
1.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気ままな生活
アフィリエイトの始めかた初めての方楽天市場案内2楽天市場案内プロフィールLINKDIARYBBS


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




© Rakuten Group, Inc.