新テンプレート「ChinaColors」： Style book

2005-05-21

新テンプレート「ChinaColors」

下の記事で書いたcssテンプレートをなんとか整理整頓したので、公開します。
チャイナカラーっぽいシンプルなデザインです。
右・左サイドバータイプに対応しています。

設定方法は
http://temp-css.seesaa.net/article/3663981.html
をご覧ください。

以下のテキストフィールドからコピペでご利用ください。

Chinablue(右・左サイドバー)
Chinared(右・左サイドバー)
Chinagreen(右・左サイドバー)
Chinablack(右・左サイドバー)
Chinacafe(右・左サイドバー)
Chinakhaki(右・左サイドバー)
日付部分の表示を変更したい場合

■Chinablue(右・左サイドバー)

body {
font-family:Georgia,Verdana,Osaka,sans-selif;
margin:0px;
padding:0px;
text-align:center;
background:#FFFFFA;
color:#708090;
scrollbar-3dlight-color:#FFFFFA;
scrollbar-darkshadow-color:#B0E0E6;
scrollbar-arrow-color:#5F9EA0;
scrollbar-base-color:#FFFFFA;
scrollbar-face-color:#FFFFFA;
scrollbar-highlight-color:#B0E0E6;
scrollbar-shadow-color:#FFFFFA;
scrollbar-track-color:#FFFFFA;
}
img{
border:0px;
}
#container{
text-align:center;
margin: 0px auto 0px auto;
padding:0px;
width:762px;
}
a{
text-decoration:none;
color:#5F9EA0;
}
a:hover,a:active{
background:#5F9EA0;
color:#FFFFFA;
}
#banner{
height:100px;
margin:0px;
padding:0px 0px 0px 20px;
text-align:right;
line-height:125%;
}
h1 {
margin:0px;
padding: 30px 10px 10px 0px;
font-size:200%;
font-weight:bold;
}
h1 a{
text-decoration: none;
}
h2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
overflow:hidden;
line-height:125%;
white-space:nowrap;
height:100px;
font-size:300%;
margin:0px;
margin-bottom:10px;
background:#B0E0E6;
text-align:right;
background-image:url(./image/chinablue.gif);
line-height:185px;
color:#FFFFFA;
}
h3 {
font-size:90%;
margin:0px;
margin-bottom:10px;
}
h3 a{
}
h3:first-letter,h3 a:first-letter{
font-size:200%;
font-weight:bold;
}
.description {
margin:0px 10px 10px 0px;
font-size:70%;
}
.navi {
font-size:85%;
text-align:center;
padding:0px 0px 5px 0px;
}
#content {
float:left;
width:514px;
text-align:center;
margin-top:10px;
}
.blog {
margin:0px;
margin-left:10px;
text-align:left;
}
.blogbody {
padding:0px 15px 0px 15px;
margin-bottom:10px;
margin-top:10px;
line-height:120%;
}
.date{
}
.title{
font-weight:bolder;
text-align:left;
}
.title a{
}
.text{
font-size:75%;
margin-top:0px;
padding:0px 10px 0px 10px;
letter-spacing:0.02em;
}
.posted{ 
font-size: 65%;
text-align:right;
margin:5px -15px 5px -15px;
padding:5px;
width:488px;
border-top:#B0E0E6 2px dotted;
}
#links-left,#links {
font-weight:normal;
width:220px;
float:left;
margin-top:10px;
}
#links-left{
margin-rght:18px;
border-right:#B0E0E6 1px solid;
}
#links{
margin-left:18px;
border-left:#B0E0E6 1px solid;
}
#calendar {
margin:0px;
font-weight:normal;
text-align:center;
padding-bottom:15px;
}
#calendar table {
margin:0px;padding:0px;
width:220px;height:160px;
text-align:center;
}
#calendar th{
font-size:70%;
font-weight:bold;
color:#B0E0E6;
}
#calendar td{
text-align:center;
font-size:70%;
}
.calendarday a{
text-decoration:underline;
}
.calendarhead , .sidetitle {
font-size:75%;
font-weight:bolder;
padding:9px 0px 8px 10px;
margin:0px;
text-align:left;
}
.side {
font-size:75%;
font-weight:normal;
line-height:1.5em;
margin-bottom:0px;
padding:10px 15px 10px 15px;
text-align:left;
}
.input-submit, .side input, input,textarea{
background:#FFFFFA;
color:#708090;
border:#B0E0E6 1px solid;
}
.powered {
padding:0px;
text-align:center;
}
.syndicate {
font-size:70%;
padding:5px 30px 0px 0px;
padding-bottom:10px;
}
#comments {
margin-top:25px;
margin-left:15px;
text-align:left;
}
#comments form{
padding-left:10px;
margin-top:5px;
}
#comments input{
max-width:250px;
}
textarea{
max-width:400px;
}
.comments-head{ 
margin:0px;
padding:0px 0px 10px 12px;
font-size:85%;
font-weight:bold;
}
.comments-body {
padding:5px 5px 0px 0px;
font-size:85%;
}
.comments-post{ 
font-size: 70%; 
padding:10px 10px 5px 0px;
text-align:right;
}
#trackback {
font-size:85%;
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-left:15px;
text-align:left;
border:1px dotted #B0E0E6;
}
#footer{
clear:left;
padding:20px 0px; 5px 0px
text-align:center;
}
.copyright{
font-size:80%;
width:100%;
text-align:center;
}
#diet-container{
    padding:5px;
}
.diet-title{
    padding:2px 10px 2px 5px;
    font-size:85%;
    color:#D77D62;
    width:90px;
    margin-top:5px;
}
.diet-content{
    padding-left:10px;font-size:85%;
}
#diet-foods{
    padding-left:10px;
    font-size:85%;
}
.food-title{
    width:20%;
    clear:left;
    float:left;
}
.food-content{
    width:75%;
    padding-top:10px;
}

日付部分に画像を入れたい場合は、下のリンク先の画像をローカルに保存してから、seesaaブログ管理画面の
ツール　->　ファイルマネージャ
でご自分のブログにアップロードしてください。

■Chinared(右・左サイドバー)

body {
font-family:Georgia,Verdana,Osaka,sans-selif;
margin:0px;
padding:0px;
text-align:center;
background:darkred;
color:white;
scrollbar-3dlight-color:darkred;
scrollbar-darkshadow-color:black;
scrollbar-arrow-color:gold;
scrollbar-base-color:darkred;
scrollbar-face-color:darkred;
scrollbar-highlight-color:black;
scrollbar-shadow-color:darkred;
scrollbar-track-color:darkred;
}
img{
border:0px;
}
#container{
text-align:center;
margin: 0px auto 0px auto;
padding:0px;
width:762px;
}
a{
text-decoration:none;
color:gold;
}
a:hover,a:active{
background:gold;
color:darkred;
}
#banner{
height:100px;
margin:0px;
padding:0px 0px 0px 20px;
text-align:right;
line-height:125%;
}
h1 {
margin:0px;
padding: 30px 10px 10px 0px;
font-size:200%;
font-weight:bold;
}
h1 a{
text-decoration: none;
}
h2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
overflow:hidden;
line-height:125%;
white-space:nowrap;
height:100px;
font-size:300%;
margin:0px;
margin-bottom:10px;
text-align:right;
background:#600;
background-image:url(./image/chinared.gif);
line-height:185px;
color:darkred;
}
h3 {
font-size:90%;
margin:0px;
margin-bottom:10px;
}
h3 a{
}
h3:first-letter,h3 a:first-letter{
font-size:200%;
font-weight:bold;
}
.description {
margin:0px 10px 10px 0px;
font-size:70%;
}
.navi {
font-size:85%;
text-align:center;
padding:0px 0px 5px 0px;
}
#content {
float:left;
width:514px;
text-align:center;
margin-top:10px;
}
.blog {
margin:0px;
margin-left:10px;
text-align:left;
}
.blogbody {
padding:0px 15px 0px 15px;
margin-bottom:10px;
margin-top:10px;
line-height:120%;
}
.date{
}
.title{
font-weight:bolder;
text-align:left;
}
.title a{
}
.text{
font-size:75%;
margin-top:0px;
padding:0px 10px 0px 10px;
letter-spacing:0.02em;
}
.posted{ 
font-size: 65%;
text-align:right;
margin:5px -15px 5px -15px;
padding:5px;
width:488px;
border-top:black 2px dotted;
}
#links-left,#links {
font-weight:normal;
width:220px;
float:left;
margin-top:10px;
}
#links-left{
margin-rght:18px;
border-right:black 1px solid;
}
#links{
margin-left:18px;
border-left:black 1px solid;
}
#calendar {
margin:0px;
font-weight:normal;
text-align:center;
padding-bottom:15px;
}
#calendar table {
margin:0px;padding:0px;
width:220px;height:160px;
text-align:center;
}
#calendar th{
font-size:70%;
font-weight:bold;
color:black;
}
#calendar td{
text-align:center;
font-size:70%;
}
.calendarday a{
text-decoration:underline;
}
.calendarhead , .sidetitle {
font-size:75%;
font-weight:bolder;
padding:9px 0px 8px 10px;
margin:0px;
text-align:left;
}
.side {
font-size:75%;
font-weight:normal;
line-height:1.5em;
margin-bottom:0px;
padding:10px 15px 10px 15px;
text-align:left;
}
.input-submit, .side input, input,textarea{
background:darkred;
color:white;
border:black 1px solid;
}
.powered {
padding:0px;
text-align:center;
}
.syndicate {
font-size:70%;
padding:5px 30px 0px 0px;
padding-bottom:10px;
}
#comments {
margin-top:25px;
margin-left:15px;
text-align:left;
}
#comments form{
padding-left:10px;
margin-top:5px;
}
#comments input{
max-width:250px;
}
textarea{
max-width:400px;
}
.comments-head{ 
margin:0px;
padding:0px 0px 10px 12px;
font-size:85%;
font-weight:bold;
}
.comments-body {
padding:5px 5px 0px 0px;
font-size:85%;
}
.comments-post{ 
font-size: 70%; 
padding:10px 10px 5px 0px;
text-align:right;
}
#trackback {
font-size:85%;
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-left:15px;
text-align:left;
border:1px dotted black;
}
#footer{
clear:left;
padding:20px 0px; 5px 0px
text-align:center;
}
.copyright{
font-size:80%;
width:100%;
text-align:center;
}
#diet-container{
    padding:5px;
}
.diet-title{
    padding:2px 10px 2px 5px;
    font-size:85%;
    color:#D77D62;
    width:90px;
    margin-top:5px;
}
.diet-content{
    padding-left:10px;font-size:85%;
}
#diet-foods{
    padding-left:10px;
    font-size:85%;
}
.food-title{
    width:20%;
    clear:left;
    float:left;
}
.food-content{
    width:75%;
    padding-top:10px;
}

■Chinagreen(右・左サイドバー)

body {
font-family:Georgia,Verdana,Osaka,sans-selif;
margin:0px;
padding:0px;
text-align:center;
background:#F5F5F5;
color:olive;
scrollbar-3dlight-color:#F5F5F5;
scrollbar-darkshadow-color:#DCDCDC;
scrollbar-arrow-color:darkred;
scrollbar-base-color:#F5F5F5;
scrollbar-face-color:#F5F5F5;
scrollbar-highlight-color:#DCDCDC;
scrollbar-shadow-color:#F5F5F5;
scrollbar-track-color:#F5F5F5;
}
img{
border:0px;
}
#container{
text-align:center;
margin: 0px auto 0px auto;
padding:0px;
width:762px;
}
a{
text-decoration:none;
color:darkred;
}
a:hover,a:active{
background:darkred;
color:#F5F5F5;
}
#banner{
height:100px;
margin:0px;
padding:0px 0px 0px 20px;
text-align:right;
line-height:125%;
}
h1 {
margin:0px;
padding: 30px 10px 10px 0px;
font-size:200%;
font-weight:bold;
}
h1 a{
text-decoration: none;
}
h2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
overflow:hidden;
line-height:125%;
white-space:nowrap;
height:100px;
font-size:300%;
margin:0px;
margin-bottom:10px;
text-align:right;
background:#ADFF2F;
background-image:url(./image/chinagreen.gif);
line-height:185px;
color:#F5F5F5;
}
h3 {
font-size:90%;
margin:0px;
margin-bottom:10px;
}
h3 a{
}
h3:first-letter,h3 a:first-letter{
font-size:200%;
font-weight:bold;
}
.description {
margin:0px 10px 10px 0px;
font-size:70%;
}
.navi {
font-size:85%;
text-align:center;
padding:0px 0px 5px 0px;
}
#content {
float:left;
width:514px;
text-align:center;
margin-top:10px;
}
.blog {
margin:0px;
margin-left:10px;
text-align:left;
}
.blogbody {
padding:0px 15px 0px 15px;
margin-bottom:10px;
margin-top:10px;
line-height:120%;
}
.date{
}
.title{
font-weight:bolder;
text-align:left;
}
.title a{
}
.text{
font-size:75%;
margin-top:0px;
padding:0px 10px 0px 10px;
letter-spacing:0.02em;
}
.posted{ 
font-size: 65%;
text-align:right;
margin:5px -15px 5px -15px;
padding:5px;
width:488px;
border-top:#DCDCDC 2px dotted;
}
#links-left,#links {
font-weight:normal;
width:220px;
float:left;
margin-top:10px;
}
#links-left{
margin-rght:18px;
border-right:#DCDCDC 1px solid;
}
#links{
margin-left:18px;
border-left:#DCDCDC 1px solid;
}
#calendar {
margin:0px;
font-weight:normal;
text-align:center;
padding-bottom:15px;
}
#calendar table {
margin:0px;padding:0px;
width:220px;height:160px;
text-align:center;
}
#calendar th{
font-size:70%;
font-weight:bold;
color:#DCDCDC;
}
#calendar td{
text-align:center;
font-size:70%;
}
.calendarday a{
text-decoration:underline;
}
.calendarhead , .sidetitle {
font-size:75%;
font-weight:bolder;
padding:9px 0px 8px 10px;
margin:0px;
text-align:left;
}
.side {
font-size:75%;
font-weight:normal;
line-height:1.5em;
margin-bottom:0px;
padding:10px 15px 10px 15px;
text-align:left;
}
.input-submit, .side input, input,textarea{
background:#F5F5F5;
color:olive;
border:#DCDCDC 1px solid;
}
.powered {
padding:0px;
text-align:center;
}
.syndicate {
font-size:70%;
padding:5px 30px 0px 0px;
padding-bottom:10px;
}
#comments {
margin-top:25px;
margin-left:15px;
text-align:left;
}
#comments form{
padding-left:10px;
margin-top:5px;
}
#comments input{
max-width:250px;
}
textarea{
max-width:400px;
}
.comments-head{ 
margin:0px;
padding:0px 0px 10px 12px;
font-size:85%;
font-weight:bold;
}
.comments-body {
padding:5px 5px 0px 0px;
font-size:85%;
}
.comments-post{ 
font-size: 70%; 
padding:10px 10px 5px 0px;
text-align:right;
}
#trackback {
font-size:85%;
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-left:15px;
text-align:left;
border:1px dotted #DCDCDC;
}
#footer{
clear:left;
padding:20px 0px; 5px 0px
text-align:center;
}
.copyright{
font-size:80%;
width:100%;
text-align:center;
}
#diet-container{
    padding:5px;
}
.diet-title{
    padding:2px 10px 2px 5px;
    font-size:85%;
    color:#D77D62;
    width:90px;
    margin-top:5px;
}
.diet-content{
    padding-left:10px;font-size:85%;
}
#diet-foods{
    padding-left:10px;
    font-size:85%;
}
.food-title{
    width:20%;
    clear:left;
    float:left;
}
.food-content{
    width:75%;
    padding-top:10px;
}

■Chinablack(右・左サイドバー)

body {
font-family:Georgia,Verdana,Osaka,sans-selif;
margin:0px;
padding:0px;
text-align:center;
background:#000;
color:#ccc;
scrollbar-3dlight-color:#000;
scrollbar-darkshadow-color:#505a5a;
scrollbar-arrow-color:#a99;
scrollbar-base-color:#000;
scrollbar-face-color:#000;
scrollbar-highlight-color:#505a5a;
scrollbar-shadow-color:#000;
scrollbar-track-color:#000;
}
img{
border:0px;
}
#container{
text-align:center;
margin: 0px auto 0px auto;
padding:0px;
width:762px;
}
a{
text-decoration:none;
color:#a99;
}
a:hover,a:active{
background:#a99;
color:#000;
}
#banner{
height:100px;
margin:0px;
padding:0px 0px 0px 20px;
text-align:right;
line-height:125%;
}
h1 {
margin:0px;
padding: 30px 10px 10px 0px;
font-size:200%;
font-weight:bold;
}
h1 a{
text-decoration: none;
}
h2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
overflow:hidden;
line-height:125%;
white-space:nowrap;
height:100px;
font-size:300%;
margin:0px;
margin-bottom:10px;
text-align:right;
background:#505a5a;
background-image:url(./image/chinablack.gif);
line-height:185px;
color:#000;
}
h3 {
font-size:90%;
margin:0px;
margin-bottom:10px;
}
h3 a{
}
h3:first-letter,h3 a:first-letter{
font-size:200%;
font-weight:bold;
}
.description {
margin:0px 10px 10px 0px;
font-size:70%;
}
.navi {
font-size:85%;
text-align:center;
padding:0px 0px 5px 0px;
}
#content {
float:left;
width:514px;
text-align:center;
margin-top:10px;
}
.blog {
margin:0px;
margin-left:10px;
text-align:left;
}
.blogbody {
padding:0px 15px 0px 15px;
margin-bottom:10px;
margin-top:10px;
line-height:120%;
}
.date{
}
.title{
font-weight:bolder;
text-align:left;
}
.title a{
}
.text{
font-size:75%;
margin-top:0px;
padding:0px 10px 0px 10px;
letter-spacing:0.02em;
}
.posted{ 
font-size: 65%;
text-align:right;
margin:5px -15px 5px -15px;
padding:5px;
width:488px;
border-top:#505a5a 2px dotted;
}
#links-left,#links {
font-weight:normal;
width:220px;
float:left;
margin-top:10px;
}
#links-left{
margin-rght:18px;
border-right:#505a5a 1px solid;
}
#links{
margin-left:18px;
border-left:#505a5a 1px solid;
}
#calendar {
margin:0px;
font-weight:normal;
text-align:center;
padding-bottom:15px;
}
#calendar table {
margin:0px;padding:0px;
width:220px;height:160px;
text-align:center;
}
#calendar th{
font-size:70%;
font-weight:bold;
color:#505a5a;
}
#calendar td{
text-align:center;
font-size:70%;
}
.calendarday a{
text-decoration:underline;
}
.calendarhead , .sidetitle {
font-size:75%;
font-weight:bolder;
padding:9px 0px 8px 10px;
margin:0px;
text-align:left;
}
.side {
font-size:75%;
font-weight:normal;
line-height:1.5em;
margin-bottom:0px;
padding:10px 15px 10px 15px;
text-align:left;
}
.input-submit, .side input, input,textarea{
background:#000;
color:#ccc;
border:#505a5a 1px solid;
}
.powered {
padding:0px;
text-align:center;
}
.syndicate {
font-size:70%;
padding:5px 30px 0px 0px;
padding-bottom:10px;
}
#comments {
margin-top:25px;
margin-left:15px;
text-align:left;
}
#comments form{
padding-left:10px;
margin-top:5px;
}
#comments input{
max-width:250px;
}
textarea{
max-width:400px;
}
.comments-head{ 
margin:0px;
padding:0px 0px 10px 12px;
font-size:85%;
font-weight:bold;
}
.comments-body {
padding:5px 5px 0px 0px;
font-size:85%;
}
.comments-post{ 
font-size: 70%; 
padding:10px 10px 5px 0px;
text-align:right;
}
#trackback {
font-size:85%;
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-left:15px;
text-align:left;
border:1px dotted #505a5a;
}
#footer{
clear:left;
padding:20px 0px; 5px 0px
text-align:center;
}
.copyright{
font-size:80%;
width:100%;
text-align:center;
}
#diet-container{
    padding:5px;
}
.diet-title{
    padding:2px 10px 2px 5px;
    font-size:85%;
    color:#D77D62;
    width:90px;
    margin-top:5px;
}
.diet-content{
    padding-left:10px;font-size:85%;
}
#diet-foods{
    padding-left:10px;
    font-size:85%;
}
.food-title{
    width:20%;
    clear:left;
    float:left;
}
.food-content{
    width:75%;
    padding-top:10px;
}

■Chinacafe(右・左サイドバー)

body {
font-family:Georgia,Verdana,Osaka,sans-selif;
margin:0px;
padding:0px;
text-align:center;
background:white;
color:olive;
scrollbar-3dlight-color:white;
scrollbar-darkshadow-color:tan;
scrollbar-arrow-color:#A08080;
scrollbar-base-color:white;
scrollbar-face-color:white;
scrollbar-highlight-color:tan;
scrollbar-shadow-color:white;
scrollbar-track-color:white;
}
img{
border:0px;
}
#container{
text-align:center;
margin: 0px auto 0px auto;
padding:0px;
width:762px;
}
a{
text-decoration:none;
color:#A08080;
}
a:hover,a:active{
background:#A08080;
color:white;
}
#banner{
height:100px;
margin:0px;
padding:0px 0px 0px 20px;
text-align:right;
line-height:125%;
}
h1 {
margin:0px;
padding: 30px 10px 10px 0px;
font-size:200%;
font-weight:bold;
}
h1 a{
text-decoration: none;
}
h2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
overflow:hidden;
line-height:125%;
white-space:nowrap;
height:100px;
font-size:300%;
margin:0px;
margin-bottom:10px;
text-align:right;
background:tan;
background-image:url(./image/chinacafe.gif);
line-height:185px;
color:white;
}
h3 {
font-size:90%;
margin:0px;
margin-bottom:10px;
}
h3 a{
}
h3:first-letter,h3 a:first-letter{
font-size:200%;
font-weight:bold;
}
.description {
margin:0px 10px 10px 0px;
font-size:70%;
}
.navi {
font-size:85%;
text-align:center;
padding:0px 0px 5px 0px;
}
#content {
float:left;
width:514px;
text-align:center;
margin-top:10px;
}
.blog {
margin:0px;
margin-left:10px;
text-align:left;
}
.blogbody {
padding:0px 15px 0px 15px;
margin-bottom:10px;
margin-top:10px;
line-height:120%;
}
.date{
}
.title{
font-weight:bolder;
text-align:left;
}
.title a{
}
.text{
font-size:75%;
margin-top:0px;
padding:0px 10px 0px 10px;
letter-spacing:0.02em;
}
.posted{ 
font-size: 65%;
text-align:right;
margin:5px -15px 5px -15px;
padding:5px;
width:488px;
border-top:tan 2px dotted;
}
#links-left,#links {
font-weight:normal;
width:220px;
float:left;
margin-top:10px;
}
#links-left{
margin-rght:18px;
border-right:tan 1px solid;
}
#links{
margin-left:18px;
border-left:tan 1px solid;
}
#calendar {
margin:0px;
font-weight:normal;
text-align:center;
padding-bottom:15px;
}
#calendar table {
margin:0px;padding:0px;
width:220px;height:160px;
text-align:center;
}
#calendar th{
font-size:70%;
font-weight:bold;
color:tan;
}
#calendar td{
text-align:center;
font-size:70%;
}
.calendarday a{
text-decoration:underline;
}
.calendarhead , .sidetitle {
font-size:75%;
font-weight:bolder;
padding:9px 0px 8px 10px;
margin:0px;
text-align:left;
}
.side {
font-size:75%;
font-weight:normal;
line-height:1.5em;
margin-bottom:0px;
padding:10px 15px 10px 15px;
text-align:left;
}
.input-submit, .side input, input,textarea{
background:white;
color:olive;
border:tan 1px solid;
}
.powered {
padding:0px;
text-align:center;
}
.syndicate {
font-size:70%;
padding:5px 30px 0px 0px;
padding-bottom:10px;
}
#comments {
margin-top:25px;
margin-left:15px;
text-align:left;
}
#comments form{
padding-left:10px;
margin-top:5px;
}
#comments input{
max-width:250px;
}
textarea{
max-width:400px;
}
.comments-head{ 
margin:0px;
padding:0px 0px 10px 12px;
font-size:85%;
font-weight:bold;
}
.comments-body {
padding:5px 5px 0px 0px;
font-size:85%;
}
.comments-post{ 
font-size: 70%; 
padding:10px 10px 5px 0px;
text-align:right;
}
#trackback {
font-size:85%;
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-left:15px;
text-align:left;
border:1px dotted tan;
}
#footer{
clear:left;
padding:20px 0px; 5px 0px
text-align:center;
}
.copyright{
font-size:80%;
width:100%;
text-align:center;
}
#diet-container{
    padding:5px;
}
.diet-title{
    padding:2px 10px 2px 5px;
    font-size:85%;
    color:#D77D62;
    width:90px;
    margin-top:5px;
}
.diet-content{
    padding-left:10px;font-size:85%;
}
#diet-foods{
    padding-left:10px;
    font-size:85%;
}
.food-title{
    width:20%;
    clear:left;
    float:left;
}
.food-content{
    width:75%;
    padding-top:10px;
}

■Chinakhaki(右・左サイドバー)

body {
font-family:Georgia,Verdana,Osaka,sans-selif;
margin:0px;
padding:0px;
text-align:center;
background:KHAKI;
color:black;
scrollbar-3dlight-color:KHAKI;
scrollbar-darkshadow-color:#8FBC8B;
scrollbar-arrow-color:#4F7C6B;
scrollbar-base-color:KHAKI;
scrollbar-face-color:KHAKI;
scrollbar-highlight-color:#8FBC8B;
scrollbar-shadow-color:KHAKI;
scrollbar-track-color:KHAKI;
}
img{
border:0px;
}
#container{
text-align:center;
margin: 0px auto 0px auto;
padding:0px;
width:762px;
}
a{
text-decoration:none;
color:#4F7C6B;
}
a:hover,a:active{
background:#4F7C6B;
color:KHAKI;
}
#banner{
height:100px;
margin:0px;
padding:0px 0px 0px 20px;
text-align:right;
line-height:125%;
}
h1 {
margin:0px;
padding: 30px 10px 10px 0px;
font-size:200%;
font-weight:bold;
}
h1 a{
text-decoration: none;
}
h2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
overflow:hidden;
line-height:125%;
white-space:nowrap;
height:100px;
font-size:300%;
margin:0px;
margin-bottom:10px;
text-align:right;
background:#8FBC8B;
background-image:url(./image/chinakhaki.gif);
line-height:185px;
color:KHAKI;
}
h3 {
font-size:90%;
margin:0px;
margin-bottom:10px;
}
h3 a{
}
h3:first-letter,h3 a:first-letter{
font-size:200%;
font-weight:bold;
}
.description {
margin:0px 10px 10px 0px;
font-size:70%;
}
.navi {
font-size:85%;
text-align:center;
padding:0px 0px 5px 0px;
}
#content {
float:left;
width:514px;
text-align:center;
margin-top:10px;
}
.blog {
margin:0px;
margin-left:10px;
text-align:left;
}
.blogbody {
padding:0px 15px 0px 15px;
margin-bottom:10px;
margin-top:10px;
line-height:120%;
}
.date{
}
.title{
font-weight:bolder;
text-align:left;
}
.title a{
}
.text{
font-size:75%;
margin-top:0px;
padding:0px 10px 0px 10px;
letter-spacing:0.02em;
}
.posted{ 
font-size: 65%;
text-align:right;
margin:5px -15px 5px -15px;
padding:5px;
width:488px;
border-top:#8FBC8B 2px dotted;
}
#links-left,#links {
font-weight:normal;
width:220px;
float:left;
margin-top:10px;
}
#links-left{
margin-rght:18px;
border-right:#8FBC8B 1px solid;
}
#links{
margin-left:18px;
border-left:#8FBC8B 1px solid;
}
#calendar {
margin:0px;
font-weight:normal;
text-align:center;
padding-bottom:15px;
}
#calendar table {
margin:0px;padding:0px;
width:220px;height:160px;
text-align:center;
}
#calendar th{
font-size:70%;
font-weight:bold;
color:#8FBC8B;
}
#calendar td{
text-align:center;
font-size:70%;
}
.calendarday a{
text-decoration:underline;
}
.calendarhead , .sidetitle {
font-size:75%;
font-weight:bolder;
padding:9px 0px 8px 10px;
margin:0px;
text-align:left;
}
.side {
font-size:75%;
font-weight:normal;
line-height:1.5em;
margin-bottom:0px;
padding:10px 15px 10px 15px;
text-align:left;
}
.input-submit, .side input, input,textarea{
background:KHAKI;
color:black;
border:#8FBC8B 1px solid;
}
.powered {
padding:0px;
text-align:center;
}
.syndicate {
font-size:70%;
padding:5px 30px 0px 0px;
padding-bottom:10px;
}
#comments {
margin-top:25px;
margin-left:15px;
text-align:left;
}
#comments form{
padding-left:10px;
margin-top:5px;
}
#comments input{
max-width:250px;
}
textarea{
max-width:400px;
}
.comments-head{ 
margin:0px;
padding:0px 0px 10px 12px;
font-size:85%;
font-weight:bold;
}
.comments-body {
padding:5px 5px 0px 0px;
font-size:85%;
}
.comments-post{ 
font-size: 70%; 
padding:10px 10px 5px 0px;
text-align:right;
}
#trackback {
font-size:85%;
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-left:15px;
text-align:left;
border:1px dotted #8FBC8B;
}
#footer{
clear:left;
padding:20px 0px; 5px 0px
text-align:center;
}
.copyright{
font-size:80%;
width:100%;
text-align:center;
}
#diet-container{
    padding:5px;
}
.diet-title{
    padding:2px 10px 2px 5px;
    font-size:85%;
    color:#D77D62;
    width:90px;
    margin-top:5px;
}
.diet-content{
    padding-left:10px;font-size:85%;
}
#diet-foods{
    padding-left:10px;
    font-size:85%;
}
.food-title{
    width:20%;
    clear:left;
    float:left;
}
.food-content{
    width:75%;
    padding-top:10px;
}

日付が漢字で「○月○日」とかなっているのがいやだなぁとか、はみ出しちゃって格好悪いという場合は、管理画面の
デザイン -> コンテンツ
を選択し、コンテンツ一覧の中の「記事」をクリック。
「記事(ページコンテンツ)の設定」というページに切り替わったら、右上のほうにある「コンテンツHTML編集」をクリック。
「コンテンツＨＴＭＬ」というページに切り替わったら、

<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>

と書かれている部分を

<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%F") %></h2><% /if %>

と書き換えて保存すれば、2005-05-05のように日付が表示されます。

他の日付表示方法はこちらの記事をどうぞ。
http://temp-css.seesaa.net/article/3783317.html

posted by ８ at 02:33 | Comment(21) | TrackBack(2) | テンプレート

<<新テンプレート| Main | 日付の表示を変更してみる>>

この記事へのコメント

デフォのテンプレで気に入ったのがなく
何かいいの探してました。
Chinablue、シンプルかつおしゃれで
大変気に入りました。
自分用に少し変えて使わせて頂こうと思います。
ありがとうございます。

Posted by えす at 2005-05-28 06:10

Chinablue 雰囲気があって素敵ですね。
さっそく使わせていただきます。
あと、小技も参考にさせていただきます。
これからもよろしくお願いします。m(_＾_)m

Posted by Noir at 2005-05-30 00:44

えすさん、Noirさん、初めまして。
嬉しいご報告、ありがとうございます。
ぜひいろいろと使い倒してやってくださいね。

Posted by ８ at 2005-05-30 01:09

リクわざわざ聞いて頂いて本当に
ありがとうございました(*ノノ）
ステキです！
早速お借りさせて頂きます。
新作テンプレの方も少ししたら、使わせて
頂きます～～＾＾
ありがとうございました♪♪

Posted by F at 2005-06-25 23:41

素敵なテンプレですね。
とっても気に入ったので早速使わせていただいています。

また新しいテンプレ期待しています！

Posted by アメ at 2005-09-25 17:09

アメさんこんばんは、初めまして。
ご報告ありがとうございます。
気に入っていただけて大変嬉しいです。

Posted by ８ at 2005-10-01 01:22

初めまして！
Chinagreenに一目惚れして、即使わせていただきました。
素敵なテンプレをありがとうございます！

Posted by にいのなお at 2005-10-10 17:38

にいのなおさんこんばんは、初めまして。
こちらこそ、嬉しいご感想ありがとうございます。

Posted by ８ at 2005-10-13 01:24

いろいろテンプレートを探していて
こちらにたどり着きました。
色使いなんかもとっても素敵でひとめぼれしちゃいました(^^)
早速テンプレートお借りしてます。

小技なんかもとっても勉強になります。
これからも期待してますので
よろしくお願いします。

Posted by yucco at 2005-11-23 11:17

こんばんはyuccoさん、初めまして。
ご報告ありがとうございます。
気に入っていただけて大変嬉しいです。

Posted by ８ at 2005-12-06 02:32

素敵テンプレートを求めて彷徨っていたところ、Chinakhakiと運命の出会いでした。早速使わせて頂きました。初心者にも分かり易いご説明も、とても有り難い限りです。ありがとうございました。

Posted by かつみ at 2006-01-05 11:58

Chinacafeをお借りしました。
素敵なテンプレートをありがとうございました。
今後、この他のテンプレートも使わせてください。
新作も期待しています！

Posted by gene at 2006-01-07 00:37

Chinacafeをお借りさせていただきました！
どのテンプレートも凄く素敵ですね！

また新しいテンプレートを楽しみにしています♪
ありがとうございました♪

Posted by mahito at 2006-01-15 21:31

>かつみさん、geneさん、mahitoさん
こんばんは、初めまして。
ご報告ありがとうございます。
お気に召していただけて嬉しいです。

Posted by ８ at 2006-02-21 03:01

Chinablackのデザインがとても気に入りましたので使わせて頂きます。

Posted by JUN at 2006-04-30 08:16

　chinablueを使わせていただきました!!
加工とかはよく分からないのでそのまんま･･
でもそのままでとってもさわやかで可愛いですvV

　実はajisaiをつかってみたいんですが、
画像が出ません;;どうしたら･･･

Posted by ＲＩＣＥ at 2006-05-14 12:37

Chinablue と Chinablack をお借りしました。
お忙しいとのことですが、
お時間がある時には
これからもステキなテンプレートを
期待しています。

Posted by zoo at 2006-05-17 14:55

はじめまして。
Chinablue を使わせていただきました。
とてもシンプルで気に入っています。
初心者ですが、解り易かったのでできました。
ありがとうございます。

Posted by うりまろ at 2006-05-22 23:17

はじめまして！
ステキなデザインに魅せられてテンプレートお借りしました。どうもありがとうございました。
これからもステキなテンプレート制作していってくださいね。
それと、蛇足ですがハンドルネームに親近感を持ちました（笑）

Posted by ヱイト at 2006-06-22 16:20

Chinablueを使わせて頂きました。
このﾃﾝﾌﾟﾚｰﾄは本当に飽きないしとても素敵です。
ありがとうございました。

Posted by miyaya at 2007-01-29 20:54

Chinablueがとても気に入りました。日付に背景画像もいれたいのですがどうしてもうまくいきません。お教え願えないでしょうか？

Posted by ベトナム猫 at 2007-05-25 20:51

コメントを書く

この記事へのTrackBack URL

ほぼ完成
Excerpt: Style bookさんです。オリジナルのテンプレートを配布してます。淡い色合いの奇麗なテンプレートを設置のしかたを解り易く説明してます。「Summer breeze」と言うテンプレートを最..
Weblog: けいの戯れ言
Tracked: 2005-09-27 11:22

デザインチェンジ
Excerpt: テンプレート変更してみました。 Seesaaオリジナルのはなかなかこうビビっ！とくるいいのがないなーないなーしかしながら、さすがに自力でシコシコいじって試してをやる気力は無いので他力本願であります..
Weblog: （主に）週末スキー日記
Tracked: 2006-02-14 01:21

<<新テンプレート| Main | 日付の表示を変更してみる>>