習慣e気持ち！本日発売２

▲TOP

素材の画像がだいぶたまってきました。その中から2-3点
使いたいものを選びましたので、貼り付けちゃいます。
先ず、右下のねこちゃん画像ですが、ここに貼り付けるには、
CSSファイルの中の全体を以下のようにしました。


/*---------------------------------------------*/
/* 全体 */
/*---------------------------------------------*/
body {
color : #000000 ;
background-color : ffffff ;
background-image : url("/img/u45763/FI1490564_2E.gif") ;
background-repeat: no-repeat ;
background-attachment :fixed ;
background-position: 100% 100% ;

}

background-position :は以下のようにしても良いようですが

background-position : right bottom ;

私は後で画像の位置を動かすのに便利なので100% 100%の様にしました。
100%のところの数字をそれぞれ小さくすると画像が左と上に動きますよ。

ちなみに画像ファイル名は上記のまま使用しないで下さい。
そのままでねこちゃん画像はでてくると思いますが、私が画像を入れ替えると
皆様のブログで画像が入れ替わってしまうはず。（笑）

陽だまりのテンプレを選んだのはメニューが右側にあって、スクロールして
メニューが終わった部分に広い余白が出現し、ねこちゃんが見やすいからです。

実はそのほかのテンプレでメニューが左側のものでも、メニューを
右に移動することは簡単です。今度説明しますね。

ただ、このままですとメニューがあるところは、ねこちゃんがかくれて見えません。
メニューをスケスケにする方法は、今度説明します。（ひっぱるw）

これでだいぶイメチェンできるよ。　e気持ち！

Comment (0) | Trackback () | ▲TOP