スタイルシートをいじりたい

整備手帳をこんな使いかたして良いものかどうか。
ま、カーライフとみんカラは切っても切り離せない関係ということで。

私がいじれたのは、タイトル画像を入れることぐらいでした。スタイルシートなんてさっぱりわからないので、「水」のスタイルシートを見てちょっとだけ研究。

まず最初は、タイトル画像にしたいファイルを登録します。

画面にそって画像のアップロードがうまくいくと、こんなような画面にたどりつけます。
この長いアドレスが、画像のｕｒｌです。

これを、全部範囲選択して、コピー。

私はここで、適当なスタイルシートを読み込んで下地にしました。うちで選んだのは、藍鼠。

ずずっとスクロールさせて「前ページ共通ヘッダ・フッタ」ってところを探します。
そこんとこに、矢印の行を追加。

「background:url('」（バックグラウンド、コロン、ユーアールエル、括弧、アポストロフィ）の部分だけ手で打ち込みます。それに続けて、さっきコピーしたアドレスを貼り付け。最後に、「')」（アポスロトフィ、括弧閉じ）を追加します。

ちなみに、私のタイトル画像は横幅７７０ピクセル、高さが２００ピクセルなので、一行上の「height:」の後の数字も「200px」に修正してあります。
藍鼠を読み込んだ時点では高さ定義が足りず、タイトル画像の下が切れてしまってました。

最後に、必ずプレビュー。
プレビューの段階では本当のページは変更されません。細かい修正や失敗の発見は、このプレビューを見ながら調整します。

うちの場合は、他にも全体の横幅もちょこっといじってます。レイアウトがおかしくなった部分があったんで、いっしょけんめ調べて修正しました。

そんで、出来上がったら「保存」です。