ブログのデザイン

はてなダイアリー
スタイルシートをかなりいじった。


以前のページのイメージは↓


いじった結果は↓



変更後のヘッダ/フッタ/スタイルシートは↓

ページのヘッダ
<div class="main">


ページのフッタ
</div>
<div class="sidebar">
  <font size=1><br><hatena name="pv"></font>
 <hatena name="calendar2">
 <br>
 <table width="100%"><tr><td>
 <hatena name="sectioncategory" target="archive">
 <hr color="#9cc264">
 <a href="/tezuboa/archive">記事一覧/検索</a>
 </td></tr></table>
 <br>
 <a href="/tezuboa/about"><img src="http://www.st-hatena.com/users/te/tezuboa/profile.gif" alt="tezuboa" /></a>
</div>


スタイルシート
h1 {
 border: none;
 font-size: 100%;
 text-align: center;
 width: 100%;
 margin: 0;
 margin-left: 1%;
 margin-bottom: 10px;
 margin-top: 3px;
}
a{
 border: none;
 color: #800000;
 border-bottom: none;
}
a:hover{
 color: #800000;
 background: #ffffc0;
}
a:visited{
 color: #800000;
}
a:link{
 color: #800000;
}
div.section p {
 margin: 0.3em;
}
body {
 background-image: url("http://f.hatena.ne.jp/images/fotolife/t/tezuboa/20090429/20090429104204.gif");
 background-attachment:fixed;
}
div.comment {
 background-color: transparent;
}
div.refererlist {
 background-color: transparent;
}
.day table {
 border:1px solid #9cc264;
 border-collapse:collapse;
 font-size:100%;
 margin:1em 2em;
 text-align:left;
}
.day td {
 border:2px solid #9cc264;
 margin:0;
 padding:5px;
}
h2 {
 padding: 0px 5px 0px 0px;
 font-size:7pt;
 text-align:left;
 color:red;
}
.sidebar table{
 border-color: #9cc264; border-width: 2px; border-style: solid;
}
.sidebar table td{
 font-size: 90%;
}
table.calendar{
 background-color: transparent;
}
div.day{
 background-color: transparent;
}
div.body{
 border-style: solid;
 border-color: #9cc264;
 background-color: #fffff0;
}
div#simple-header{
 background-color: transparent;
}