ブログのテーマ変更……ちょっとだけカスタマイズ。（追記の追記あり）

どのぐらいぶりかわかりませんけど。ブログのテーマを変更しました。

f:id:ghost_pain:20160611100648p:plain

今回のテーマは、timeline-minimalです。お仕着せはイヤなので、下の画像のように、ほんの少しだけいじりました。

f:id:ghost_pain:20160611101302p:plain

ちょっと地味すぎてわかりにくいので、変更箇所に番号を振りました。

f:id:ghost_pain:20160612033056p:plain

1,2,3が色変更。4がアイコンの変更です。追加したCSSコードが以下のようになります。

#wrapper {
border-right: 1px solid #A9A9A9;
}

.date {
border-top:7px solid #A9A9A9;
}

.date-day{

color:#AFEEEE;

}

.hatena-module-title {

background: url('http://cdn-ak.f.st-hatena.com/images/fotolife/g/ghost_pain/20160611/20160611084943.jpg?1465602619') no-repeat left 0px;

}

アイコンは、はてなフォトライフに画像（DLしたフリー素材）をアップロード。画像URLを取得しました。

icooon-mono.com

追記。

ブログのタイトル非表示は表示へ。ここで問題が１つ。

f:id:ghost_pain:20160612055419p:plain

何もしないとこんな感じ。これはこれで男らしい（笑）けど。やっぱりバイクにかかってるのは見にくいので。以下のようにCSSコードを追加。

#blog-title {

min-height: 170px;
text-align: left;

}

#blog-title-inner{

padding: 80px 0px 0px 60px;
margin: 0 auto;
}

#blog-description {
text-align: left;
margin-left:25px;

}

それでこんな感じにタイトルを左寄せに。↓

f:id:ghost_pain:20160612060040p:plain

一応、Win10（IE&Chrome）とMac（Safari&Chrome）で確認しました。表示崩れは、そんなに酷くないはずです。

あ、いつも書いてますけど。コーディングとかは独学の全然素人です。不具合あっても責任取れませんです。よろしくです。

追記の追記。（2016.06.14）

ブログのタイトル位置を再調整したり、サイドバーと本文の間の線消したり。最終的に追加したコードが以下です。↓

#blog-title {

min-height: 170px;
text-align: left;

}

#blog-title-inner{

padding: 80px 0 0 60px;

}

#title {

font-weight:bold;
font-size: 23px;

margin-top:30px;
margin-left:-25px;
margin-bottom: 5px;
}

#blog-description {
text-align: left;

}

#wrapper {
border-right: 0px solid #A9A9A9;
}

.date {
border-top:7px solid #A9A9A9;
}

.categories a {
;
background: #999999;

}

.hatena-module-title {

background: url('http://cdn-ak.f.st-hatena.com/images/fotolife/g/ghost_pain/20160611/20160611084943.jpg?1465602619') no-repeat left 0px;

}