人気ブログランキング | 話題のタグを見る
<< カレンダーのバックグランドにア... コメント欄の背景の指定方法 >>
 

カレンダーのバックグランドにイメージを表示する


めざせマイスキンを運営しているtomoさんのCSS編集 序2 模索編を参考にしてカレンダーのバックグランドにイメージを表示してみました。
tomoさんのCSSの解説は非常に分かりやすいので参考になります。



カレンダーのバックグランドイメージの表示


CSS編集で、DIV.CAL_BODY を探してみてください。この部分に画像を追加します。


カレンダーのバックグランドにイメージを表示する_a0031863_19243783.jpg

図1 設置例


DIV.CAL_BODY {


WIDTH: 150PX;
TEXT-ALIGN: CENTER;

  /*------- ここから追加 ---------*/

background-image:url(イメージファイル名);
background-repeat:repeat-x;
background-position:bottom;

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


}
図2 CSS設置コード


今日のポイント
  • 今回選んだイメージが下に配置して表示する画像のため、 background-position:bottom;を指定し、X方向(横方)に画像が並ぶように background-repeat:repeat-x;で指定しています。




素材はとんとん工房さんからお借りしています。リンクウエアなのでご使用の際にはリンクをお願いします。

ぽっと

CopyRight(C) 2004 All rights reserved by potto37



追記
ブログの玉手箱さんのところで可愛い設置例とコードがあります。可愛いので是非見てください。

2004年9月9日
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-09-08 19:22 | │├カレンダー
<< カレンダーのバックグランドにア... コメント欄の背景の指定方法 >>
掲載の記事や画像などすべての複写・転載・公衆送信等はご遠慮ください。