カレンダー

画像を使わず線だけのカレンダー(モカ)

Karendasendakemoka





===========> ここから... φ(。。 )

#calendar table{
border :1px solid #61523f
}

DIV#calendar{
border :1px solid #61523f;
BACKGROUND-COLOR: #8c7d63
}

#calendar CAPTION {
color:#;
text-align : center;
padding-top:3px;
HEIGHT: 20px
;BACKGROUND-COLOR: #a5967b
;border :1px solid #61523f;
}

#calendar th {
font-size: 10px;
width: 19px;
height: 19px;
text-align : center;
border-top :1px solid #61523f;border-right :1px solid #61523f;border-bottom :3px double #61523f;border-left :1px solid #61523f;
}
#calendar td {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
border :1px solid #61523f;
}

#calendar td a {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
display : block;
BACKGROUND-COLOR: #594b39;
border :1px dashed #61523f;
}

<=========== ここまで! φ(。。;)

|

画像を使わず線だけのカレンダー(ピンク)

Karendasendakep




/* カレンダーピンク
ここから------------------------------------------- */

#calendar table{
border :1px solid #ffbbb9
}

DIV#calendar{
border :1px solid #ffbbb9;
BACKGROUND-COLOR: #ffffff
}

#calendar CAPTION {
text-align : center;
padding-top:3px;
HEIGHT: 20px
;BACKGROUND-COLOR: #ffe0df
;border :1px solid #ffbbb9;
}

#calendar th {
font-size: 10px;
width: 19px;
height: 19px;
text-align : center;
border-top :1px solid #ffbbb9;border-right :1px solid #ffbbb9;border-bottom :3px double #ffbbb9border-keft :1px solid #ffbbb9;
}
#calendar td {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
border :1px solid #ffbbb9;
}

#calendar td a {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
display : block;
BACKGROUND-COLOR: #ffecec;
border :1px dashed #ffbbb9;
}


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

|

画像を使わず線だけのカレンダー(黒)


Karendasendakeb





/* カレンダー黒色
ここから------------------------------------------- */

#calendar table{
border :1px solid #999999;
}

DIV#calendar{
border :1px solid #999999;
BACKGROUND-COLOR: #000000
}

#calendar CAPTION {
text-align : center;
padding-top:3px;
HEIGHT: 20px
;BACKGROUND-COLOR: #666666
;border :1px solid #999999;
}

#calendar th {
font-size: 10px;
width: 19px;
height: 19px;
text-align : center;
border-top :1px solid #999999;border-right :1px solid #999999;border-bottom :3px double #999999;border-keft :1px solid #999999;
}/*曜日の下線だけを二重線に*/
#calendar td {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
border :1px solid #999999;
}

#calendar td a {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
display : block;/*これを入れないと文字のところだけ色がつきます*/
BACKGROUND-COLOR: #666666;
border :1px dashed #999999;
}


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

|

画像を使わず線だけのカレンダー(青)

Karendasendake



/* カレンダー水色
ここから------------------------------------------- */

#calendar table{
border :1px solid #bfc1ff;
}

DIV#calendar{
border :1px solid #bfc1ff;
BACKGROUND-COLOR: #ffffff
}

#calendar CAPTION {
text-align : center;
padding-top:3px;
HEIGHT: 20px
;BACKGROUND-COLOR: #e1e2ff
;border :1px solid #bfc1ff;
}

#calendar th {
font-size: 10px;
width: 19px;
height: 19px;
text-align : center;
border-top :1px solid #bfc1ff;border-right :1px solid #bfc1ff;border-bottom :3px double #bfc1ff;border-keft :1px solid #bfc1ff;
}/*曜日の下線だけを二重線に*/
#calendar td {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
border :1px solid #bfc1ff;
}

#calendar td a {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
display : block;/*これを入れないと文字のところだけ色がつきます*/
BACKGROUND-COLOR: #f4f4ff;
border :1px dashed #bfc1ff;
}

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

|

青のカレンダー

AokarendaAokarenda1_2






#calendar caption
{
color:#003366;
background-image:url(画像のURL);
background-repeat:no-repeat;
height:23px;
padding-top:2px;
padding-left:30px;
}

#calendar th {
color:#006699;
font-size: 11px ;
width: 19px;
height: 19px;
text-align : center;
background: url("曜日の画像のURL") no-repeat;
}

#calendar td {
color:#000000;
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
background: url("日付の画像のURL") no-repeat;
}
#calendar td a {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
display : block;
background : ;
background: url("書き込みのあった日のURL") no-repeat;
}

|

りんごのカレンダー

Ringokarenda





#calendar CAPTION {
PADDING-LEFT: 35px; BACKGROUND: url(画像のURL) no-repeat; HEIGHT: 25px
}

#calendar th {
color:#ff0000;
font-size: 11px ;
width: 19px;
height: 20px;
text-align : center;
background: url("曜日の画像のURL") no-repeat top left;
}

#calendar td {
font-size: 11px;
width: 19px;
height: 20px;
text-align : center;
background: url("日付の画像のURL") no-repeat top left;
}
#calendar td a {
font-size: 11px;
width: 19px;
height: 20px;
text-align : center;
display : block;
background: url("書き込みのあった日の画像のURL") no-repeat top left;
}

|

チューリップのカレンダー

Tyuripukarenda






#calendar CAPTION {
PADDING-LEFT: 22px; BACKGROUND: url(画像のURL) no-repeat; HEIGHT: 20px
}

#calendar th {
color:#ffffff;
font-size: x-small ;
width: 19px;
height: 19px;
text-align : center;
background: url("曜日の画像のURL") no-repeat bottom left;
}

#calendar td {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
background: url("日付の画像のURL") no-repeat bottom left;
}
#calendar td a {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
display : block;
background: url("書き込みのあった日の画像のURL") no-repeat bottom left;
}

|

草色のカレンダー

Kusairokarenda






#calendar caption
{
background-image:url(画像のURL);
background-repeat:no-repeat;
height:31px;
padding-top:2px;
padding-left:28px;
}

#calendar th {
color:#ffffff;
font-size: 11px ;
width: 19px;
height: 19px;
text-align : center;
background: url("曜日の画像のURL") no-repeat;
}

#calendar td {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
background: url("日付の画像のURL") no-repeat;
}
#calendar td a {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
display : block;
background : ;
background: url("書き込みがあった日の画像のURL") no-repeat;
}

|

ガラス風カレンダー

Garasufukarenda






#calendar caption
{
background-image:url(画像のURL);
background-repeat:no-repeat;
height:30px;
padding-top:6px;
padding-left:32px;
}

#calendar th {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
background: url("曜日の台の画像のURL") no-repeat;
}

#calendar td {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
background: url("日にちの台の画像のURL") no-repeat;
}
#calendar td a {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
display : block;
background : ;
background: url("書き込みがあった日の画像のURL") no-repeat;
}

|

板のカレンダー

Itakarenda






#calendar caption
{
background-image:url(画像のURL);
background-repeat:no-repeat;
height:36px;
padding-top:6px;
padding-left:32px;
}

#calendar th {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
background: url("画像のURL") no-repeat;
}

#calendar td {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
background: url("画像のURL") no-repeat;
}
#calendar td a {
font-size: 11px;
width: 19px;
height: 19px;
text-align : center;
display : block;
background : ;
background: url("画像のURL") no-repeat;
}

|

青い台のカレンダー

Aoikarenda






#calendar CAPTION {
PADDING-LEFT: 20px; BACKGROUND: url(画像のURL) no-repeat; HEIGHT: 35px
}

#calendar caption{
padding-top:25px;
padding-left:23px;
}

#calendar th {
font-size: 10px;
width: 19px;
height: 16px;
text-align : center;
background: url("画像のURL") no-repeat;
}
#calendar td {
font-size: 10px;
width: 19px;
height: 17px;
text-align : center;
background: url("画像のURL") no-repeat;
}

|

浮き上がったようなカレンダー

Ukiagarikarenda





#calendar caption
{
background-image:url(項目前の画像のURL);
background-repeat:no-repeat;
height:23px;
padding-top:2px;
padding-left:25px;
}

#calendar a {
background-color:#d6efad;
}

#calendar th {
font-size: 10px;
text-align : center;
border :1px outset #f5f5f5;
}
#calendar td {
font-size: 10px;
text-align : center;
border :1px outset #f5f5f5;
}
#calendar td a {
font-size: 10px;
text-align : center;
display : block;
}

|

3色ボタン

3syokubotan3syokubotan1






#calendar CAPTION {
PADDING-LEFT: 20px; BACKGROUND: url(項目の前の画像のURL) no-repeat; HEIGHT: 30px
}

#calendar caption{
padding-top:1px;
padding-left:20px;
}

#calendar th {
font-size: 10px;
width: 19px;
height: 19px;
background: url("曜日のボタン画像のURL") no-repeat;
}
#calendar td {
font-size: 10px;
width: 19px;
height: 19px;
text-align : center;
background: url("書き込みのなかった日のボタン画像のURL") no-repeat;
}
#calendar td a {
font-size: 10px;
width: 19px;
height: 19px;
text-align : center;
display : block;
background : ;
background: url("書き込みのあった日のボタン画像のURL") no-repeat;
}


|

犬と骨

Gorohonekarenda





#calendar caption
{
padding-top:19px;
padding-left:37px;
}

#calendar {
background-image:url(画像のURL);
background-position:center; /*画像の位置*/
background-repeat:no-repeat; /*画像の繰り返し:なし*/
height:159px;
}/*カレンダーの背景画像*/

#calendar th {
padding-top:12px
}
#calendar td {
}

|