『ThickBoxを ”もっと” 可愛らしく・・・』

ThickBoxを　”もっと”　可愛らしく・・・って

半透明の背景色を変えちゃいましょう・・・・・・

もちろん前の記事「ThickBoxを可愛らしく・・」と組み合わせて使えます

CSSが使えないスキンの場合は

フリープラグインに　　　注1

CSSが使える方はCSSの最後にコピペしてください

/* Thickbox背景色 */
#TB_overlay,
* html #TB_overlay{
background-image: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(Enabled :true;) !important;
filter:alpha(opacity=60) !important;
-moz-opacity: 0.6 !important;
opacity: 0.6 !important;
background-color:#ff00ff !important;/*背景色*/
}

background-color:#f0f;　または
background-color:#ff00ff !important;/*背景色*/

を変更すると・・・

※フリープラグインの方は文字数節約のため3桁を使っていますが6桁の色でもOKです

もちろん・・・背景画像でもＯＫ！

CSSが使えないスキンの場合は

フリープラグインに　　　注1

CSSが使える方はCSSの最後にコピペしてください

/* Thickbox背景色 */
#TB_overlay,
* html #TB_overlay{
background-image:url(画像のURL) !important;
filter:alpha(opacity=60) !important;
-moz-opacity: 0.6 !important;
opacity: 0.6 !important;
}

filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;

数字を変えると透過率が変わります・・・・設定は60%（60　0.6）

100%は不透明、0%で透明になります　　数字を小さくすれば透明に近づきます

注1　：　フリープラグインに貼り付ける場合は

　　　　　必ずすっぴんバージョンより後ろに書いてください

　　　　　後ろであればどこでもかまいません

※ページを読み終わってから動作します

　画像が多かったりJavaScript等で重くなっている場合は動作するまでに時間がかかります

　その場合は今まで通りに新しい画面が立ち上がって表示されますが、すぐに動作し始めます

　読み終わっても動作しない場合はどこかが間違っています・・・・

※大きな画像はウィンドウのサイズに自動的にリサイズされます

もちろん　　もっとかっこよく！！　だってできますよ