山ちャんのブログ一覧

やっとつけました、ヘッドカバー。


浜松まで受け取りに、花hideさんとtaka☆chan♪と行ったので、だいぶ早くから手元にはあったんですが・・・

やっぱり穴をあけて、ちっこいボルトで付けようと思ったんですが、その穴をあける手段がなく・・・


昨日、花hideさんちに立ち寄って、手伝ってもらいながら何とか取り付けしました。



そこから定例オフ行く途中で、オイル交換に、いつものスタンドに行ったんですが、さっそくオイルをこぼしちゃったのはココだけの話です。しかもサンブラのところに・・・

ゲージを抜くときは、気をつけましょう。
特に、0Wとかのサラサラオイルは、すぐポタっと落ちますよ・・・




で・・・

こっちゃ、ちーとも関係ない話ですが・・・

ちょっと前から、通勤のときに通る道順をかえてみました。こっちのほうが早いと分かったので。。。


その道ばたに、↓↓こんなお店が・・・





う゛～～～～ん・・・

気になってしゃーない。。。

やっぱりあの方は、東海の方だったんでしょうか？？？

やっぱりもう一枚作っておこうと、スーパーオートバックスの自動発行機
に。

ダメなカードもあるし、３０分かかるカード会社もあるみたいですが、今
回作ったカード会社だと、3分で終わりました。

便利なモンですね。

■■ 重要 ■■

なぜだか分かりませんが、せっかく変更したスタイルシートなのに・・

強制的に元に戻されてしまいました｡･ﾟ･(ﾉ∀`)･ﾟ･｡
一旦、このブログのもともとの本文は、取り消させていただきます。

前のブログで紹介した、背景画像を入れる方法はＯＫなようですので、そちらを参考にしてくださいm(__)m


先日から変更された、いちばん↑のヘッダ。

背景色または画像を変更していると、いちばん上（「ようこそ○○さん」 のところ）だけが真っ白で、あまりにも見栄えが悪いので、本体と同じ背景を設定する方法を発見したため、先日アップしました。


たくさんの方からコメント等々いただいて、先ほど、やっと返信を打たせていただきましたm(__)m


で、コメントくださった方のブログからさらにリンク先に飛んで・・・
そこにある情報を参考にさせていただきながら・・・



青いバーをいちばん上に持っていくことに、成功しました。


よろしければ、参考にしてください。

【注意事項】
・Win XP SP2上の、IE 6.0 および Sleipnir 2.8.3 で表示を確認していますが、環境 & ブラウザとバージョンによっては、表示が乱れるかもしれません。
・スタイルシート編集ページの、「プレビュー」の画面では、うまく表示できないことがあります。いったん保存して、実ページを確認してください。
また念のため、自信ない方は、編集前のスタイルシートのソースを保存しておくといいと思います。



■前回は、このように記述しました。
/* ---------- ここから ---------- */
#hdUserPage
{
background-image: url('@@@ 表示したい背景画像のURL @@@');
}

/* ---------- ここまで ---------- */


■今回は、このようにします。
↑をすでに追加した場合は、その部分を消して、↓をコピペするなどして、「#hdUserPage」という記述が重複しないようにしてくださいね。

/* ---------- ここから ---------- */
#UserHeader
{
background-image: url('@@@ 表示したい背景画像のURL @@@');
height: 58px;
}

#hdUserPage
{
position: absolute; top: 27px; left: 30px;
}

#gNav
{
width: 0;
position: absolute; top: 0px; left: 30px;
}
/* ---------- ここまで ---------- */

【解説】 よく分からんという方は、スルーしてください。

#から始まる3つの名前（UserHeader, hdUserPage, gNav)ですが、、、
hdUserPageというのが、今回真っ白になった部分
gNavというのが、「トップ」「ブログ」などのボタンのある、青いバー
で、これらを合わせて、UserHeaderという構成になっています。

で、前回→今回の違いは、
(1)background-imageの定義を、hdUserPageから、上位のUserHeaderに移しました。これによって、hdUserPageと、gNavのどちらにも、背景が設定されるようになります。
(2)gNavを、いちばん上に持っていくため、"position"を定義します。
それだけだとうまくいかないので、"width"も追加します。
width: 0; とすると、青いバーの左右（ボタンがないところ）がカットされます。カットされたところには背景画像を流し込むため、(1)のように変更してあります。
(3)gNavの高さが27ピクセルあるので、hdUserPageは、上から27ピクセル空けたところから表示するように、"position"を定義します。
(4)ここまでだと、それ以下の表示（ヘッダ画像とかカウンタとか、それ以下すべて）が持ち上がってしまうので、UserHeader全体の高さを、58ピクセル確保するように、"height"を定義します。



いかがでしょうか？？？



ワタシの場合は、畳調の壁紙を背景にしていますが、もし背景を写真などにしている場合は、切れ目のところがズレちゃうかもしれないので、もう少し細工が必要かもしれません。
小さい画像を繰り返し表示している場合なら、UserHeaderの"height"を、ベース画像の高さに合わせてやるのも手だと思います・・・





この記事は、ユーザーページ ヘッダー変更実施のお知らせ について書いています。

この記事は、■スタイルシートを直してみました。 について書いています。

今年最後の定例オフ、お疲れさまでした～♪


あまりの寒さに耐え切れず、ほどほどのところで帰らせていただきましたm(__)m



まさかあの方やあんな方までいらっしゃるとは・・



ちょっと気が早いですが、

来年もよろしく～