kane32のブログ一覧

久しぶりに新しいスタイルシートに変更しました。

コンセプトは今まではホットチョコだったので今度はJCWに合わせ、ミッドナイトブラック＆チリレッドでかなりスポーティーになったんではないかと・・・(^_-)


ヘッダー画像のJCW Clubmanは借り物画像ですので納車して良い写真が撮れたら差し替えます。





もう少し弄ろうかと思いますが、久しぶりなので弄り方を忘れてしまい背景をスクロールさせない記述に四苦八苦。なんとか思いどおりに出来ました。

たかが１行追加するだけなんですが…(^_^;A
body {
background-image: url(back.gif);
background-attachment: fixed;　←この一行をこのままコピーして貼付けるだけでした。
}

【詳しいやり方】

 スタイルシート＞詳細編集＞ページ基本＞ユーザー領域の枠内に書き込む事で設定出来ます。



【補足】
background-attachment は、背景画像の固定表示を指定するプロパティです。（ウィンドウに対する固定表示となります）

このプロパティをbody要素に対して設定すると、文書全体の背景画像がスクロールされないようになります。

scroll 背景画像を固定しない - スクロールさせる （初期値）
fixed 背景画像を固定する - スクロールさせない



上記の方法で手前のみスクロールして背景は固定されるスタイルが完成します。
レイヤー感があって奥行きが出るのでカッコ良く見えますよ！
是非やって見て下さい！

 
【おまけ】
アイコンも変更　JCW仕様になってます。

よーく見るとキャリパーもJCWで〜す！