スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[ --/-- ] スポンサー広告 | トラックバック(-) | コメント(-)

Q.スクロールバーを透過するにはどうしたらいいの?[3]

A
スクロールバーの色を指定する方法は、IEOperaでしか機能せず、スクロールバー透過はIEでしか透過されません
IE以外の人も皆が自分と同じように見えているというわけでないです。
スクロールバー透過することを前提に全体のレイアウトを組まず、スクロールバー透過しても綺麗なレイアウトを目指すと皆にやさしいブログができます。

ページ全体のスクロールバーを透過する方法は、メインテンプレート、アーカイブテンプレート、1記事テンプレート、スタイルシートを変更するとできます。
以下、変更方法


1.
メインテンプレートの11~12行目付近にある
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
{$GMOtabB$}

と、いうのがあります。

アーカイブテンプレートは11~12行目付近、1記事テンプレートは11~12行目付近にあります。

2.
1.
<body text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="wrap">{$GMOtabB$}
このように書き換えます。

3.
メインテンプレートの93行目付近に
</body>
と、いうのがあります。

アーカイブテンプレートは99行目付近、1記事テンプレートは195行目付近にあります。

4.
3.を、
</div></body>
このように書き換えます。

5.
スタイルシートの一番上に
body {
margin: 0px;
padding: 0px;
overflow:hidden;
background-color:transparent;
scrollbar-base-color:★カラーコード★;
scrollbar-face-color:★カラーコード★;
scrollbar-track-color:★カラーコード★;
scrollbar-arrow-color:★カラーコード★;
scrollbar-3dlight-color:★カラーコード★;
scrollbar-highlight-color:★カラーコード★;
scrollbar-shadow-color:★カラーコード★;
scrollbar-darkshadow-color:透★カラーコード★;
background-image: url("背景画像URL");
}
#wrap {
margin: 0px;
padding: 0px;
filter:chroma(color=
透過するカラーコード);
min-height: 100%;
width: 100%;
height: 100%;
overflow: auto;
z-index:1;
}

と入れます。
★カラーコード★の中に透過するカラーコードを入れると、その部分が透過されます。
透過するカラーコードは全部同じ色で、更に絶対使わないカラーコードを使用してください。

6.
実際に平面的な枠(濃いピンク)のみのスクロールバーを透過すると5.は、
body {
margin: 0px;
padding: 0px;
overflow:hidden;
background-color:transparent;
scrollbar-base-color:#fdf4ea;
scrollbar-face-color:#fdf4ea;
scrollbar-track-color:#fdf4ea;
scrollbar-arrow-color:#ff1493;
scrollbar-3dlight-color:#ff1493;
scrollbar-highlight-color:#fdf4ea;
scrollbar-shadow-color:#ff1493;
scrollbar-darkshadow-color:#fdf4ea;
background-image: url("背景画像URL");
}
#wrap {
margin: 0px;
padding: 0px;
filter:chroma(color=#fdf4ea);
min-height: 100%;
width: 100%;
height: 100%;
overflow: auto;
z-index:1;
}

となります。 透過色は『#fdf4ea』で指定してます。

Operaはスクロールバーの色はIEと同じに表示されますが、bodyにしか設定できない上に、透過機能は無視されます。
なので、透過する色の指定を無茶な色にすると、もの凄いことになるので注意してください。
管理人はOpera使いなので、スクロールバー透過はしないのをオススメします。

サイドバーや記事にスクロールバーを付けていた場合、これをするとそのスクロールバーも透過されるので注意してください。
スポンサーサイト
[ 05/14 ] [ホカ]おまけ? | トラックバック(-) | コメント(-)

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。