アメブロCSSについて2問

質問

アメブロCSSについて2問

役に立った：1件

質問者：ayaka1115
投稿日時：2010/12/15 10:46
困り度：

アメブロのCSSについてです。

ウィンドーズの画面を小さくしてもブログの背景画像などが
ずれないようにしたいのですがどうすればいいでしょうか？

それと私は今記事にもスクロールをつけています。
スクロールバーは自分で色を変えてます。
で、記事のスクロールバーと全体のスクロールバーの
色を別々にするにはどうすればいいでしょうか？

少し急ぎ気味です。回答お願いしますm(＿＿)m

この質問への回答は締め切られました。

回答(2件)

No.2

回答者：kiyoto-777
回答日時：2010/12/20 03:13

●　間違え箇所変更

#frame{/* スキン画像の左上がtop:0 left:0 の起点 */
position:relative;
}

通報する

質問者のみ：
この回答にお礼をつける

No.1ベストアンサー20pt

回答者：kiyoto-777
回答日時：2010/12/20 03:12

(1)　絶対配置にする。
　　・　フリースペースかフリープラグインに下記の様に画像を設定
<img src="画像のＵＲＬ" id="skn01">
　　・　ＣＳＳへ下記を追記
#frame{/* スキン画像の左上がtop:0 left:0 の起点 */
position:relativer;
}
#skn01{/* 背景画像を絶対配置 */
position:absolute;
left:-400px;
top:0px;
z-index:-10;
}
　　・ブラウザのバージョンによって記事部分の配置がずれるので
　　　記事,ラップ自身(wrap)も絶対配置にすれば、配置のずれは防げる。

(2)　記事に指定しないプロパティは、transparent（透明）にする。

下記の様に指定すると、指定されていない部分は、全体のスクロールバーの色の
指定に従属するので、

.entry {
scrollbar-base-color:#C0C0C0;
scrollbar-highlight-color:#FFC0CB;
}

下記の様に、指定しない他のプロパティは、全て、transparentにする。
.entry {
scrollbar-base-color:#C0C0C0;
scrollbar-track-color:transparent;
scrollbar-face-color:transparent;
scrollbar-shadow-color:transparent;
scrollbar-darkshadow-color:transparent;
scrollbar-highlight-color:#FFC0CB;
scrollbar-3dlight-color:transparent;
scrollbar-arrow-color:transparent;
}

●　尚、全てのプロパティの値をtransparentにすれば、標準のスクロールバーの色になる

自動で作成したければ下記でできます

http://ameblo.jp/new-bulue9/entry-10586219585.ht …