ヤプログ・カレンダーの数字に背景画像をつける 長靴猫...★ 旧オロルンのヤプログ講座





↓--------

スポンサーサイト

 スポンサー広告



上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


↓2006-02-24

ヤプログ・カレンダーの数字に背景画像をつける

 ヤプログ講座



カレンダーの数字ひとつひとつに背景画像をつけます。
あんまり大きな画像だと切れてしまうので、幅12ピクセル×たて13ピクセル以上の画像は使わないほうがいいです

スタイルシートをいじります
いまからカスタマイズに入るので、バックアップを取って、メモ帳に移した状態にしてください
参考→カスタマイズの基礎
スタイルシートの真ん中よりちょっと上のほうにある

.calendar
{
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-SIZE: 10px;
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 20px;
COLOR: #333333;
LINE-HEIGHT: 150%;
PADDING-TOP: 0px
}

という部分に、1行つけたします。


.calendar
{
background:url(画像のアドレス) 50% 50% no-repeat;
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-SIZE: 10px;
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 20px;
COLOR: #333333;
LINE-HEIGHT: 150%;
PADDING-TOP: 0px
}

とし、画像のアドレスを入れてください。その際、()部分を消さないように注意してください

画像のアドレスが分からない方はこちら



講座の目次


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。