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

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

楽天日記にグラデーションカラー背景

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

フィルター処理

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

IEではフィルターと言うのが使用できます。

１．The Gradient Filter in IE5.5

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

2, Pタグ使用で楽天日記にグラデーションカラー背景

枠線無しにグラデーションカラー背景

solid枠線にグラデーションカラー背景

ridge枠線にグラデーションカラー背景

まず 日記に使える背景枠 から使いたい物をコピペ。下のはsolid(実線）です。

<P style="width: 600 ; height: 600 ; border-style: solid; border-color: #ff0066 ; background-color: #ffcccc ">文章</P>

 幅、高さ、実線の色背景色とお好きな物に変えていきます。
カラーコードで入れたグラデーションは透過しますので、グラデーションのカラーを考えて
背景色を入れて下さい。もちろん白（#ffffff)でも構いません。
この下 グラデーションカラー背景色の部分です。

FILTER: progid:DXImageTransform.Microsoft.Gradient(endColorstr= #00ffffff startColorstr= #3333ff gradientType= 1 );

好きな色に変えてください。
gradientType= 1　 は横のグラデーションカラーです。たてのグラデーションカラーにしたい場合半角で0を入れて下さい。
合体させて楽天日記に使用出きるグラデーションカラー背景色付きソリッド枠線の完成です。

<P style="FILTER: progid:DXImageTransform.Microsoft.Gradient(endColorstr=#00ffffff startColorstr=#3333ff gradientType=1); width: 600; height: 600; border-style: solid; border-color: #ff0066; background-color: #ffcccc;">solid</P>








もちろんこのように
スクロールバー付きにも
使用できます。
楽天生活
スクロールを表示させるには
ある程度中の高さが必要です。









スクロールバー背景色付きはこちら

スクロールバー背景画像付きはこちら



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

当サイトのどのページもリンクはフリーです
コピペ用HTMLソース、テンプレートの使用もすべてＯＫですが、
そのまま二次配布、加工しての二次配布はご容赦願います。

Copyright (C) 楽天生活　2003-2004　All Rights Reserved


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