• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+

kane32のブログ一覧

2012年12月25日 イイね!

久しぶりのスタイルシート変更

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

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


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





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

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

【詳しいやり方】

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


clear:both;
overflow:hidden;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/044/back.gif);
background-attachment:fixed;
background-repeat:repeat;
background-position:50% 50%;
background-color:#444444;
font-size:12px;
line-height:22px;
background-image:url(https://cdn.snsimg.carview.co.jp/carlife/storage/155967/style/155967_2.jpg?ct=86f04b52a094);
display:block;


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

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

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



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

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

よーく見るとキャリパーもJCWで〜す!
Posted at 2012/12/25 09:03:36 | コメント(8) | トラックバック(0) | JCW Clubman | 日記

プロフィール

「ホンダらしい真面目なデザインで好感度高いミニバン http://cvw.jp/b/155967/47754593/
何シテル?   05/31 22:40
9台目のMINI U25 Countryman S All4でミニミニ大作戦任務遂行中です!! ミニミニ大作戦のMINI遍歴 【Mission1】 200...
みんカラ新規会員登録

ユーザー内検索

<< 2012/12 >>

      1
2345678
910 1112 131415
161718 1920 2122
2324 252627 28 29
3031     

リンク・クリップ

ホーン交換してみた! 
カテゴリ:その他(カテゴリ未設定)
2025/06/25 08:18:09
スパーダ後期ホーン交換は簡単に!(^^)! 
カテゴリ:その他(カテゴリ未設定)
2025/06/25 08:13:39
アンダーシートトレイの作製 
カテゴリ:その他(カテゴリ未設定)
2025/06/25 07:44:09

愛車一覧

ミニ MINI Countryman 田舎者 (ミニ MINI Countryman)
F57からU25に乗り換えでMINI 9台目。 ミニのボディータイプ残すはSUVだったの ...
ホンダ ステップワゴンスパーダハイブリッド ホンダ ステップワゴンスパーダハイブリッド
4月に自爆したRP3から乗り換えでRP5を購入 人生初のハイブリッド グレードはスパーダ ...
ミニ MINI Convertible まっくろ黒助 (ミニ MINI Convertible)
F54cooper-S ALL4から電撃移籍決定 MINIで2年半で乗り換えは最短かも。 ...
ホンダ ステップワゴンスパーダ ホンダ ステップワゴンスパーダ
 N-ONE以来の久しぶりのホンダ車ステップワゴンをキャンプ&車中泊目的に購入。新型は半 ...

過去のブログ

2024年
01月02月03月04月05月06月
07月08月09月10月11月12月
2022年
01月02月03月04月05月06月
07月08月09月10月11月12月
2021年
01月02月03月04月05月06月
07月08月09月10月11月12月
2020年
01月02月03月04月05月06月
07月08月09月10月11月12月
2018年
01月02月03月04月05月06月
07月08月09月10月11月12月
2017年
01月02月03月04月05月06月
07月08月09月10月11月12月
2016年
01月02月03月04月05月06月
07月08月09月10月11月12月
2015年
01月02月03月04月05月06月
07月08月09月10月11月12月
2014年
01月02月03月04月05月06月
07月08月09月10月11月12月
2013年
01月02月03月04月05月06月
07月08月09月10月11月12月
2012年
01月02月03月04月05月06月
07月08月09月10月11月12月
2011年
01月02月03月04月05月06月
07月08月09月10月11月12月
2010年
01月02月03月04月05月06月
07月08月09月10月11月12月
2009年
01月02月03月04月05月06月
07月08月09月10月11月12月
2008年
01月02月03月04月05月06月
07月08月09月10月11月12月
2007年
01月02月03月04月05月06月
07月08月09月10月11月12月
2006年
01月02月03月04月05月06月
07月08月09月10月11月12月
ヘルプ利用規約サイトマップ
© LY Corporation