忘備録

どういう風にいじったのかを忘れないために、メモしておきます。

1. テーマを「指定なし」にする。

　こうしておいて、CSSでどんな風にいじるのか、決めていく訳ですな。

1. CSSを書いてみる。

　あれこれ試行錯誤しながら、こんな風にしてみました。

body {
background-image : url("画像を置いてあるアドレス/images/cosmos018.jpg");
background-attachment: fixed;
background-position: 0% 0%;
background-repeat: no-repeat;
background-color:#FFFFFF;
}

h1{
font-family: "trebuchet MS", "trebuchet", "Lucida", sans-serif;
font-size: 1.5em;
font-color: gray;
text-align: center;

}
h2{
font-family: "trebuchet MS", "trebuchet", "Lucida", sans-serif;
font-size: 1em;
background-color: #FFFFCC;
background-image : url("画像を置いてあるアドレス/images/entry.gif") repeat-y right;
}
h3 {
font-family: "trebuchet MS", "trebuchet", "Lucida", sans-serif;
font-size: 1em;
}
h4 {
font-family: "trebuchet MS", "trebuchet", "Lucida", sans-serif;
}

div.main {
float: left;
width: 75%;
margin-top: 0.3em;

}

div.body {
margin-top: 0;
margin-bottom: 0;
}

div.section {
margin-right: 1em;
margin-left: 1em
padding-right: 1.5em;
padding-left: 1.5em;
padding-top: 0;
background-color: #FFFFCC;
background-image : url("画像を置いてあるアドレス/images/entry.gif") repeat-y right;
}

div.sidebar {
font-size: 0.8em;
padding: 0.5em;
width: 23%;
float: right;
margin-right: 1em;

}

div.hatena-moduletitle {
text-align:center;
background-color: #FFCCCC;
}

div.hatena-modulebody {
background-color: #FFFFCC;
background-image : url("画像を置いてあるアドレス/images/entry.gif") repeat-y right;

}

今日の所はこんなところで。

あ、もう一つ。

blockquote {
border: dotted #C4C4C4
margin: 1em;
padding-left: 3%;
padding-right: 3%;
}