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

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

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

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

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

フィルター処理

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

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

1.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気ままな生活
アフィリエイトの始めかた初めての方楽天市場案内2楽天市場案内プロフィールLINKDIARYBBS


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

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



© Rakuten Group, Inc.