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

ikusion13trのブログ一覧

2009年07月13日 イイね!

背景だけ固定

かなり奮闘したよ(疲)orz
え~上のマイページの右下のサーチで
みんカラに登録してる人のを色々検索出来るんだけど
日記が動かないようにするタグが知りたくて「背景固定」と検索したところ
背景と日記が一緒に固定されてるものばかり捕まりまして・・・
よくよく見てたら、前回の背景透視でタグが解らんって書いたけど
実は、そのままだったんですね(^^;

・・・で、↑これ見ても意味が解らんよって方へホームページで再現しました。

背景と日記が一緒に動く(嫌)  背景と日記が別々だぞ(良)と、大げさに現してみました(羞)



今回の「背景だけ固定」の変更箇所はスタイルシート→詳細編集→ページBody

ページBodyの説明ですが前も説明したけど一応ねw
 
text-align:?;
font-size:文字サイズ;
line-height:1.5;
color:文字色;
font-family:'フォント',Hiragino Kaku Gothic Pro,sans-serif;
background-color:背景色;

と、↑なってるハズ・・・その下にコレ↓追加します。

background-image:url(背景にしたい画像);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:表示する場所;

背景にしたい画像は詳細編集の右のスタイル用画像でアップロードしてね

fixedは・・・背景固定のタグw

no-repeatは背景画像を繰り返しませんよって意味。

表示する場所については、ど真ん中が良いなら center か 50% 50%と入れてください。

他の箇所について自信は無いですが一応、載せときます。

左上 0% 0%
右上 100% 0%
真ん中だけど上 50% 0% ←?

これ↑はヘッダーの後ろに入りますスクロールで現れる感じ・・・
ナビゲーションバー(トップとか)の背景無視で、その上に持って行く方法がどこにあったかな?

左下 0% 100%
右下 100% 100%
真ん中だけど下 ・・・ごめん不明。

見て解るけど%の位置が変わってるので 右% 縦% で変えてあげられますよ。



*UPできる大きさ(サイズ)が決まってるので、頑張って、その大きさにしましょう。
2013年に時代の進化?として確認したところ、
 写真1枚のパターンだとパソコンで見るとちょうどイイですが
 タブレット確認では上下の隙間が出たので、ちと残念。
 敷き詰めタイプの背景は大丈夫です。
Posted at 2009/07/13 14:38:51 | コメント(1) | トラックバック(0) | スタイルシート | 日記

プロフィール

「スマホでテスト http://cvw.jp/b/479426/42564072/
何シテル?   03/02 12:54
お酒の飲めるお子様です。(残念、飲めなくなった) 勉強は皆さんとの会話で鍛えられるようですが、 なんせお子様なので鹿馬発言多いですスミマセン! (エクリプ...
みんカラ新規会員登録

ユーザー内検索

<< 2009/7 >>

    1 2 34
5 6 7 891011
12 1314 15 16 1718
19202122 2324 25
26 2728 2930 31 

リンク・クリップ

Seeking Grand Touring 
カテゴリ:その他(カテゴリ未設定)
2012/08/22 07:38:23
 
目黒メンテナンスサービス 
カテゴリ:MyCarSupport
2011/05/24 10:03:07
 
karino Island (閉鎖中) 
カテゴリ:Sozai
2010/12/07 08:42:33
 

愛車一覧

その他 その他 その他 その他
MIX、色々ごちゃまぜ♪ 自分の車と親の車とブログネタとか色々。 車歴 旦那が相方で出 ...

過去のブログ

2019年
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月
ヘルプ利用規約サイトマップ
© LY Corporation