五 差 路

五叉路に差し掛かったとき信号・標識がなかったら通行にちょっと戸惑いませんか。あっちこっちからいろんな人が出会う交差点、どちらに進むのかよく分からない五叉路、そういう迷いを感じながら始めたブログ "五差路" です。

背景画像で四季を楽しむ

秋が深まり、朝晩冷え込むようになってきました。紅葉は見に行かれたでしょうか。
やっと色づいてきたよ、すでに落葉し始めたよ、もう雪が降ってきたよ、色々でしょう。

このブログのテーマ(PC版)は Bordeaux です。背景画像を変えてみました。
文字色は、ブログタイトルが緑(マウスオーバーで赤)、説明文がオレンジ、カテゴリが赤、これらが背景画像に重なって読みにくいですね。少々の我慢、紅葉の時期1週間程度の期間限定です。

f:id:saitoy05:20141022084143j:plain f:id:saitoy05:20141022084155j:plain

背景画像は記事を下までスクロールしていくと(最後まで読んでくれると.. )全部表示されます(多分)。(PCでご覧下さい)

このように、CSSをいじって、ブログ背景画像でも紅葉(四季)を楽しんでいます。

 テーマ Bordeaux

背景画像の位置調整
body{
  background-position: center 30%; /* %,left,right,top,bottom,center のいずれかを指定 */
  background-size: cover;
}

背景画像の透過
#content {
  background-color: #f5f5f5;  /* WhiteSmoke 透過させる場合でもコンテンツ背景色を指定 */
/*  background-color: rgba(245,245,245,0.9); */
/* 透過度合いは最後の数値で調整、ただし今回は背景がごちゃごちゃするので一時的に解除 */
}

マウスオーバしないときのブログタイトル文字色
#title a {
  color: #228B22; /* ForestGreen */
}

ブログ説明文の文字色
#blog-description {
  color: #ffa500; /* Orange */
}

記事を下までスクロールしていくと背景画像が全部現れるように調整
#footer {
  margin-top: 700px;
}

カテゴリ名の前に >> を表示(お遊び)
.hatena-module-category ul li:before {
  content:  "\00BB \0020";
}