FC2ブログ

[ snack ] のカスタマイズ

[ snack ]のサイドメニューに背景画像を使用する方法です。
掲示板に書き込むと文字化けしてしまうので記事にしました。

スタイルシートから以下の部分を探してください。

#leftbar {
     position: absolute ;
     left: 0px;
     top: 0px;
     width: 170px;
     background-color: #ffffff;
}

最後の「background-color: #ffffff;」を以下のように変えてください。

     background-image: url(画像のURL);

こうするとサイドメニュー全体に背景画像を出すことができますが、 サイドメニューの部分だけ、つまり文字のある領域だけにしか画像が表示されません。
また、このままだと画像は繰り返し表示されるので、繰り返しを無効にしたい場合は、

     background-repeat: no-repeat;

を変えた部分の下( }の上)にでも入れてください。

説明を読んでもわからないかも知れないので、とりあえず背景画像を指定してみてください。 そうすれば「サイドメニューの領域」とか「繰り返し」の意味が何となくわかると思うので。

eMachines
スポンサーサイト



コメント

非公開コメント

bisco

回れ左

Search

Comment

Trackback

Mail form


返信

ブロとも申請フォーム