ブログカスタマイズ5（レイアウト説明）

背景・枠線とやってきましたがどの個所を変更するのもやり方は同じです
どの個所を変更するかが問題です
ブログの各箇所がスタイルシートで何処に表しているか簡単に上げときますね

スタイルシートのここを変更します
body{
color:#000;
margin:0px;
background:#F0E6E6;
text-align:center;
}




スタイルシートのここを変更します
#container{
font-size:12px;
width:940px;
/*background-color:#ffffff;*/
margin:0px auto;
text-align:left;
　　　　　　　　　　　border-top-width: 1px;
border-right-width: 4px;
border-bottom-width: 1px;
border-left-width: 4px;
border-right-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #4e454a;
border-bottom-color: #FFFFFF;
border-left-color: #4e454a;
}





スタイルシートのここを変更します
#banner,#subbanner{
background:#D30900 url(http://img02.naturum.ne.jp/usr/go123/背景1.JPG) left bottom;
padding:30px 10px 10px 10px; }

#banner a{color:#fff;text-decoration:none;}
#banner a:link{color:#fff;text-decoration:none;}
#banner a:visited{color:#fff;text-decoration:none;}
#banner a:active{color:#fff;text-decoration:underline;}
#banner a:hover{color:#cc0000;text-decoration:underline;}

#subbanner a{color:#fff;text-decoration:none;}
#subbanner a:link{color:#fff;text-decoration:none;}
#subbanner a:visited{color:#fff;text-decoration:none;}
#subbanner a:active{color:#fff;text-decoration:underline;}
#subbanner a:hover{color:#fff;text-decoration:underline;}

h1,h2,h3{
margin:0px;
padding:0px;
}

.blogtitle{
font-size:30px;
font-weight:bold;
padding:20px 0px 320px 50px;
text-align:left;
letter-spacing:2px;
}

.description{
color:#fff;
font-size:12px;
padding:4px 0px 0px 535px;

text-align:left;
letter-spacing:2px;
}




スタイルシートのここを変更します
.date{
border-top:1px solid #00cccc;
border-left:1px solid #00cccc;
border-right:1px solid #00cccc;
border-bottom:1px solid #00cccc;
background:#D30900 url(http://admin.naturum.ne.jp/_img/simple_red/obj.gif);
background-position:1px 1px;
color:#fff;
font-size:12px;
letter-spacing:2px;
padding:5px 0px 5px 5px;
}




スタイルシートのここを変更します
.blogbody{
/*background:#fffafa;*/
　　　　　　　background-image:url(http://img02.naturum.ne.jp/usr/go123/背景7.jpg);　
background-repeat: no-repeat;　
background-position: 0% 100%;
　　　　　　　margin:0px 0px 10px 0px;
padding:8px;
border-left:1px solid #8c0000;
border-right:1px solid #8c0000;
border-bottom:1px solid #8c0000;
}





スタイルシートのここを変更します
.sidetitle{
border-top:1px solid #8c0000;
border-left:1px solid #8c0000;
border-right:1px solid #8c0000;
border-bottom:1px solid #8c0000;
background:#D30900 url(http://admin.naturum.ne.jp/_img/simple_red/obj.gif) top left;
background-position:1px 1px;
color:#fff;
font-size:12px;
letter-spacing:2px;
padding:5px 5px 5px 5px;
width:148px;
}




スタイルシートのここを変更します
.side{
width:148px;
font-size:12px;
line-height:140%;
margin:0px 0px 10px 0px;
padding:5px 5px 5px 5px;
border-left:1px solid #f08080;
border-right:1px solid #f08080;
border-bottom:1px solid #f08080;
}




スタイルシートのここを変更します
.calendarwd{
border-top:1px solid #8c0000;
border-left:none;
border-right:none;
border-bottom:1px solid #8c0000;
background:#D30900 url(http://admin.naturum.ne.jp/_img/simple_red/obj.gif);
background-position:-2px 0px;
color:#fff;
font-size:12px;
letter-spacing:2px;
padding:5px 0px 5px 5px;
}




スタイルシートのここを変更します
.calendartable{
margin:0px auto 10px auto;
padding:0px;
width:160px;
text-align:left;
background:#fff
border-top:1px solid #f08080;
border-left:1px solid #f08080;
border-right:1px solid #f08080;
border-bottom:1px solid #f08080;
empty-cells:show;
border-spacing:0px;
border-collapse:collapse;
}




スタイルシートのここを変更します
#text{font-size:12px;
width:440px;
height:150px;
border:1px solid #8c0000;

あなたにおススメの記事