アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦！ -148ページ目

<< 前のページへ最新 | 146 | 147 | 148 | 149 | 150 | 最初次のページへ >>

CSS　トマトのカレンダー

※まだCSSでカレンダーを加工されていない場合のみ使ってください

とまとのカレンダーです・・・

↓この画像をダウンロードして自分のブログの画像フォルダにアップして画像のURLを調べておきます

CSSの最後にこのままコピペしてください

/*とまとカレンダー*/
#calendar{
background-image: url(画像のURL);
background-repeat:no-repeat;
background-position:center 23px;
height:175px;
}
#calendar table{
margin:0 auto;
text-align:center;
width:130px;
font-size:0.8em;
line-height:1.3;
color: #ffffff;
}
#calendar caption a{
color: #ffffff;
text-decoration:underline;
font-weight:bold;
}
#calendar .sun{
color:#ffffff;
}
#calendar .sat{
color:#ffffff;
}

CSS　リンゴのカレンダー

※まだCSSでカレンダーを加工されていない場合のみ使ってください

リンゴのカレンダーです・・・

↓この画像をダウンロードして自分のブログの画像フォルダにアップして画像のURLを調べておきます

CSSの最後にこのままコピペしてください

/*りんごのカレンダー*/
#calendar{
background-image: url(画像のURL);
background-repeat:no-repeat;
background-position:center 0px;
height:175px;
}
#calendar h4.menu_title{
background-color: transparent;
background-image:none;
border:none;
margin:0 0 5px 0;
padding:5px 0 0 13px;
text-align:left;
color: #000000;
}
#calendar table{
margin:0 auto;
text-align:center;
width:130px;
font-size:0.8em;
line-height:1.1;
color: #ffffff;
}
#calendar caption{
padding:3px 0 3px 10px;
text-align:left;
}
#calendar caption a{
color: #ffffff;
padding:0 3px;
}
#calendar td a {
background-image:none;
color: #ffffff;
text-decoration:underline;
font-weight:bold;
}
#calendar .menu_frame {
background-image:none;
}
#calendar .sun{
color:#ffffff;
}
#calendar .sat{
color:#ffffff;
}