<< サイドのコメントやトラックバッ... カレンダーのバックグランドにイ... >>
 

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


前回の続きです、カレンダーのバックグランドにアイコンを表示する方法です。

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



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


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


a0031863_20182317.jpg

図1 アイコンの設置例



DIV.CAL_BODY {


WIDTH: 150PX;
TEXT-ALIGN: CENTER;

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

background-image:url(イメージURL);
background-repeat:no-repeat;
background-position:bottom;

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


}

図2 CSS設置コード(アイコン版)




今日のポイント
  • background-repeat:no-repeat;でイメージが複数表示されないようにしています。



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

ぽっと

CopyRight(C) 2004 All rights reserved by potto37
[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-09-08 19:39 | │├カレンダー
<< サイドのコメントやトラックバッ... カレンダーのバックグランドにイ... >>
掲載の記事や画像などすべての複写・転載・公衆送信等はご遠慮ください。