ココログテンプレート勝手に研究中

CSS図解

NAKANO — 2008-03-30T09:51:08+09:00

CSS図解

NAKANO — 2008-03-16T11:52:56+09:00

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

NAKANO — 2008-03-16T09:33:10+09:00

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

#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;
}

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

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

NAKANO — 2008-03-15T15:33:17+09:00

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

#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;
}

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

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

NAKANO — 2008-03-15T15:30:53+09:00

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

#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;
}

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

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

NAKANO — 2008-03-15T12:58:20+09:00

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

#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;
}

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

青のカレンダー

NAKANO — 2008-03-13T08:35:13+09:00

#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;
}

りんごのカレンダー

NAKANO — 2008-03-12T12:49:22+09:00

#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;
}

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

NAKANO — 2008-03-12T12:22:31+09:00

#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;
}

草色のカレンダー

NAKANO — 2008-03-12T11:32:54+09:00

#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;
}