スタイルシート背景変更手順

この方から質問がありましたので、スタイルシートの壁紙の変更について手順をアップします。

お断り、私が使用しているパソコンのＯＳは「ＷｉｎｄｏｗｓＸＰ」です。
よって、「ＷｉｎｄｏｗｓＸＰ」での作業手順です。
スタイルシートの変更は、自己責任でお願いします。
お使いになられているパソコンに問題が発生しても当方では一切責任を負いません。

①変更したい壁紙の元ネタを入手します。
　アクセス先→かわいい素材とひな形
　左側のメニューの中の「ｓｏｚａｉ」をクリック
　上から３段目の「壁紙」をクリック
　壁紙の種類が、色々表示されます。

＋－－動かない壁紙－－＋の中の
「チェック/カーボンストライプ/ボーダー」の下にある１ｏｒ２をクリック
他の壁紙でも、やり方は同じです。

１をクリックすると「チェック１壁紙です」が表示されます。
見難いと思いますが、下↓の画像です。
直リンク→「チェック１壁紙です」


今回は、カーボン柄に変更しますので、２をクリック
「カーボン柄・ストライプ・ボーダー　遊んでみました(^-^；」表示されます。
見難いと思いますが、下↓の画像です。
直リンク→「カーボン柄・ストライプ・ボーダー」

サンプルをクリックしてくださいね(*＾-＾*)

サンプルをクリックすると背景が変更されます。
下↓の画像は、２番目の画像と背景が変更されてます。

背景の色によっては、文字が見づらくなる恐れがあります。

変更したい壁紙が決まれば、サンプル画像の上にカーソルを載せて、マウスの右クリック

サブメニューが表示されましたか？
サブメニューが表示されたら、「名前を付けて画像を保存（Ｓ）」を選択
必ず、御自身が使用されているパソコンに画像を保存してください。

保存先は、任意で構いません。
分り易いように、新規フォルダ作成して、その中に「保存」しておきましょう。

これで、壁紙の元ネタ入手作業は、完了です。

ここまで長かったですね！お茶でも飲んで一息いれましょう！！

いよいよ、スタイルシートのカスタマイズです。
みんカラにアクセスします。
ご自身のＩＤ＆パスワードで、ログインして下さい。

マイページ画面を開きます。
左側メニューの「スタイルシート」をクリック

「スタイルシート用画像」をクリックして、「編集する」をクリック
何も画像が登録されていない場合は「ページ追加」をクリック
タイトル・画像＆コメントを入力します。
参照から、先ほど保存した「壁紙」を登録します。

登録が終われば「保存」をクリックして下さい。
「戻る」をクリックすると壁紙画像が登録され「ＵＲＬ」表示になっています。↓

https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/431729/p1.jpg

スタイルシートのｃｓｓの変更で、登録した画像のＵＲＬを使用しますので、
メモ帳などにコピーしておきましょう。

それでは、スタイルシートのｃｓｓの変更です。

カスタマイズ１ｏｒ２を選択しスタイル編集をクリック
スタイルシートのｃｓｓが表示されましたか？

何かあった時の為に、ｃｓｓをメモ帳などにコピーしておきましょう。

私の場合は、スタイルシートのブラックを元に編集しています。

今回は、背景の変更しますので、ｃｓｓの「ｂｏｄｙ」を探します。
変更前のｃｓｓ
body
{
color: #cccccc;
padding-right: 2px;
padding-left: 2px;
background: #000000;
padding-bottom: 2px;
margin: 0px;
padding-top: 8px;
text-align: center;
}

最後の部分に background-image: url('登録した画像のＵＲＬ');を追加します。

変更後のｃｓｓ
body
{
color: #cccccc;
padding-right: 2px;
padding-left: 2px;
background: #000000;
padding-bottom: 2px;
margin: 0px;
padding-top: 8px;
text-align: center;
追加した部分⇒background-image: url('https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/431729/p1.jpg');
}

変更が完了したら、必ず「保存」して下さい。

カスタマイズ１ｏｒ２を選択し「選択したスタイルシートに変更」をクリック
「公開ページ」表示したら背景が変更されていると思います。