ブログカスタマイズ完成!?

  • テンプレ無しで1から弄くろうと思いましたが、うまくいきません><
  • cssの勉強不測が身にしみました><
  • ここまでで弄くったcssは以下の通りです(ベースはhatenaの基本テンプレです)
/*===========================================================*/
/*@全体 */
body
{
background-color:#0066CC; 
margin:0px;
padding:0px;
text-align:center; /*↓全体のセンタリング用*/
width:100%;        /*↑*/
}

/*===========================================================*/
/*@シンプルヘッダ(全体) */
#simple-header 
{
border:0px;
height:80px;
background-image:url(http://www.ric.hi-ho.ne.jp/warusanta/test/simplehead.png); /*背景画像*/
background-repeat:no-repeat;                                                    /*繰り返し*/
background-color:#0066CC;                                                       /*背景色*/
padding:0px;
text-align:left;   /*↓ボックスのセンタリング用*/
width:800px;       /*  */
margin:0px auto;   /*↑*/
}

/*===========================================================*/
/*@シンプルヘッダ(管理ツール) */
#simple-header ul {
margin-right: 45px;
margin-top:11px;
}

#simple-header ul li a 
{
font-size: 90%;
color: #000000;
}

#simple-header img#logo-hatena 
{
position: absolute;
top: 15px;
left: 35px;
}

#simple-header img#logo-diary 
{
position: absolute;
top: 15px;
left: 110px;
}

#simple-header form.search-form {
  position: absolute;
  top: 15px;
  left: 150px;
}

/*===========================================================*/
/*@タイトル */
H1
{
background:#FFFFFF url(http://www.ric.hi-ho.ne.jp/warusanta/test/title.png) no-repeat scroll 0%;
border:none;
color:#000000;
font-family:"times new roman","geogia",serif;
font-size:150%;
margin:0px auto;
max-width:910px;
padding:0px;
text-align:left;
text-indent: -2000px;
width:910px;
height:110px;
}

/*===========================================================*/
/*@エントリの日付 */
.day h2 {
background:#FFFFFF url(http://www.ric.hi-ho.ne.jp/warusanta/test/time.png) no-repeat scroll 0%;
padding:25px 0.5em 0.2em 53px;
}

/*===========================================================*/
/*@エントリとサイドバー全体 */
.hatena-body {
background:#FFFFFF none repeat scroll 0%;
border-left:1px solid #4A5973;
border-right:1px solid #4A5973;
line-height:1.5;
margin:0pt auto;
max-width:910px;
text-align:left;
width:910px;
}

/*===========================================================*/
/*@リスト基本 */
ul {
list-style-image: url(http://www.ric.hi-ho.ne.jp/warusanta/test/mark.png);
}

/*===========================================================*/
/*@サイドバーの各タイトル */
.sidebartitle 
{
background:#A5BCE7 url(http://www.ric.hi-ho.ne.jp/warusanta/test/sidebartitle.png) no-repeat scroll 0%;
color:#FFFFFF;
font-family:"times new roman","geogia",serif;
font-size:100%;
font-weight:bold;
padding:3px 0.5em 3px 0.7em;
text-align:center;
}

/*===========================================================*/
/*@メインメニュー */
.kategori
{
list-style-image: url(http://www.ric.hi-ho.ne.jp/warusanta/test/mark2.png);
}