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

TMJS60ULの"スタイルシート用" [その他 その他]

整備手帳

作業日:2017年1月17日

背景、画像貼り付け&固定

他の整備手帳を見る 他の整備手帳を見る

目的 チューニング・カスタム
作業 DIY
難易度

初級

作業時間 30分以内
1
まずはスタイル用画像から、背景画像に使う写真をアップロードします。

この画像ですが、300KBまでならGIFアニメも貼り付け可能です。
2
次に、詳細編集→ページの基本のユーザー領域【div#MinkaraBody】を見ます。
元はこうなってると思います。

background-position:50% 0%;
background-repeat:no-repeat;
background-color:#ffffff;
clear:both;
overflow:hidden;
display:block;
background-image:url(http://cdn.snsimg.carview.co.jp/carlife/storage/1300970/style/1300970_2.gif?ct=7970ef018940);

この最後の
background-image:url(http://cdn.snsimg.carview.co.jp/carlife/storage/1300970/style/1300970_2.gif?ct=7970ef018940);
の部分を削除して、この部分に先ほどのアップした画像の所にURLが表示されてるのでコピーして貼り付けます。
background-image:url(スタイル用画像のURL);
これで背景画像が反映されます。
3
次に、背景固定です。

同じくユーザー領域に
background-attachment:fixed;
を追加します。

これで完了ですので、プレビューで確認し、問題なければ、保存します。

スタイルシートは少し間違えて、保存してしまうと直すのは困難なので、ここは慎重に。

完成形
background-position:50% 0%;
background-repeat:no-repeat;
background-color:#ffffff;
clear:both;
overflow:hidden;
display:block;
background-image:url(スタイル用画像のURL);
background-attachment:fixed;
4
ヘッダーも同じやり方で画像を入れられます。

ヘッダー領域【div#BodyBlockHeader】

height:200px;
background-color:transparent;
overflow:hidden;
display:block;
background-image:url(ここに画像のURL);
5
ちなみに、この画像はみんカラ以外のURLでも可、大き目のGIFアニメ等を使うなら他の画像保存サイトを使うとイイかもしれません。
自分はフォト蔵使ってます。
6
背景画像の色の関係でヘッダー等の文字が見にくくなる事がありますが、ヘッダータイトル色やコンテンツ領域(リンク)、他、の色を変えてみてください。
カラーチャートはこちら(http://minkara.carview.co.jp/userid/1300970/my/include_colorpicker.aspx?_ctl0_CPH1_StyleCustomSimple1_boxHeaderAncor)を参考にしてください。

色変えたいけど、白紙の所は、color:#○○○○○○;を貼り付けてやればOK!

イイね!0件




タグ

関連整備ピックアップ

25.08.17_家裏の草降りした後に砂利引き継続

難易度:

G-funでラックを作ってみた

難易度:

1/100 MG量産型ザク ver2.0製作②外装

難易度:

エアホースリール修理(備忘録)

難易度:

プリンタをアップグレードする為データ化

難易度: ★★

1/100 MG 量産型ザク ver2.0製作① インナー

難易度:

関連リンク

この記事へのコメント

2017年1月27日 0:40
こんばんは^^)
分かりやすい説明ですね!
さすが~www
background-attachment:fixed;
を追加するのが味噌ですね!
あと、ちょっと気になる点が・・・
長くなりそうなので、明日にまたコメントします。
コメントへの返答
2017年1月27日 17:53
こんばんは~♪
分かりやすいですか?(*^_^*)
ボクの場合は弄り始めに全く知識ない状態だったので、分かりにくいところのツボがよくわかってるのかも?(笑)
気になる点…
ボクはこの背景固定とか、やったの5年以上前、なので調べながら書いてるので、間違ってるとこがあれば、教えて下さい<(_ _)>
2017年1月27日 10:01
おはようございます(^v^)

やっぱり画像ありの説明のほうが
解りやすいですね♬
コメントへの返答
2017年1月27日 17:46
メッセージ見ました。

退会、帰って返信しようと思ったのですが、間に合わなかった様ですね。

みらい@FOREVERさんのブログは見ました。
それが原因なのでしょうか?
折角交流が持てたのに残念です(>_<)

もし、また登録する様な機会があれば、声かけていただくと嬉しいです。

短い間でしたがありがとうございました<(_ _)>
2017年1月27日 14:12
こんにちわー♪(*´▽`*)v
お疲れ様ディ~ス♪

みんな、同じようなスタイルシート弄りをしてるんですネ~♪
ボクも同じタグを使ってますよん♪

固定のタグや、スライドのタグもあちこちで使えますネ~♪
コメントへの返答
2017年1月27日 17:56
こんばんは~♪
お疲れ様です(=゚ω゚)ノ

多分、この背景固定は弄ってるひとなら、最初にやるんじゃないかな?(笑)

スライドのタグ???
ってなんでしょ(^^ゞ

とにかく、初歩的な事から順を追ってアップ予定です(^_^)v

プロフィール

「@夜でもサングラスさん 気付くの超遅れました😅お誕生日おめでとうございます🎊」
何シテル?   06/03 19:30
TMJS60ULと申します。 HNの由来はお気に入りのバス釣り用のロッドの品番です。 最初、車の事を質問する為に、何気に名前付けて登録したのが始まりです。 ...

ハイタッチ!drive

みんカラ新規会員登録

ユーザー内検索

リンク・クリップ

愛車一覧

トヨタ ヴォクシー ハイブリッド トヨタ ヴォクシー ハイブリッド
14年乗った70ヴォクシーから乗り換えました。 2023年2月1日納車(登録1月18日 ...
トヨタ プリウス トヨタ プリウス
嫁車です。 30系プリウスからの乗り換えです。 2019年8月5日納車(登録7月22日 ...
トヨタ ヴォクシー トヨタ ヴォクシー
お気に入りの愛車です。 プリウス購入後は、お出かけはプリウスが多くなりましたが、やはり最 ...
トヨタ プリウス トヨタ プリウス
一応、嫁車ですが、メンテ関係の管理は自分がします。 ヴォクシーと同じ様に大事にしたいです ...
ヘルプ利用規約サイトマップ

あなたの愛車、今いくら?

複数社の査定額を比較して愛車の最高額を調べよう!

あなたの愛車、今いくら?
メーカー
モデル
年式
走行距離(km)
© LY Corporation