カレンダーのバックグランドにイメージを表示する
めざせマイスキンを運営しているtomoさんのCSS編集 序2 模索編を参考にしてカレンダーのバックグランドにイメージを表示してみました。
tomoさんのCSSの解説は非常に分かりやすいので参考になります。
カレンダーのバックグランドイメージの表示
CSS編集で、DIV.CAL_BODY を探してみてください。この部分に画像を追加します。
DIV.CAL_BODY {
WIDTH: 150PX;
TEXT-ALIGN: CENTER;
/*------- ここから追加 ---------*/
background-image:url(イメージファイル名);
background-repeat:repeat-x;
background-position:bottom;
/*------- ここまで ---------*/
}
今日のポイント
- 今回選んだイメージが下に配置して表示する画像のため、 background-position:bottom;を指定し、X方向(横方)に画像が並ぶように background-repeat:repeat-x;で指定しています。
素材はとんとん工房さんからお借りしています。リンクウエアなのでご使用の際にはリンクをお願いします。
CopyRight(C) 2004 All rights reserved by potto37
追記
ブログの玉手箱さんのところで可愛い設置例とコードがあります。可愛いので是非見てください。
2004年9月9日