デザイン変更とタイトル変更
このブログのデザインを変えてみました。
前から思っていたのですが、ちょっと今的にはページの横幅が狭いし、文字のフォントも小さい。
それに、色合いももう少し明るい方が良いかなと思い、まずはデザインをPure-melonに変更
こんな感じです。
@media screen and (min-width:1200px) { h1 { background: #B2DE00 url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/knight_9999/20160708/20160708194029_original.png) left top no-repeat; width: 1130px; } .hatena-body { font-size: 100%; width: 1130px; } .main div.day, .main div.calendar { width: 900px; } .entry-content { font-size:20px; } }
これで、もともとコンテンツ領域の横730ピクセル、ブログ記事領域の横500ピクセルを、それぞれ1130ピクセル、
900ピクセルになりました。また、タイトル画像の横幅が足りなかったので、自分でアップしたものを指定して
います。
なんか結構、いい感じになったようで嬉しい(o^_^o)!
[追伸] さらに、変更を加えて次のようにしました。
.body .section pre { background: #F2F2FF; } .body .section p a { text-decoration-color: #BFBFFF; border-bottom: #BFBFFF 1px solid; color: #BFBFFF; } @media screen and (min-width:1200px) { h1 { background: #B2DE00 url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/knight_9999/20160708/20160708194029_original.png) left top no-repeat; width: 1130px; } .hatena-body { font-size: 100%; width: 1130px; } .sidebar { font-size: 80%; } .main div.day, .main div.calendar { width: 900px; } .entry-content { font-size:20px; } }