Hatena Blogカスタマイズ備忘録

 

テーマ Thumbnail2…表示幅非固定タイプ

■タイトル画像固定表示(タイトル画像設定機能使用の場合画像が拡大縮小するので)

#blog-title-inner {
height:400px;
background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/o/otog/20190101/20190101120838.jpg) center top no-repeat;
}

■ブログタイトル表示位置調整(表示幅変動するので左右調整は不適当ゆえ上下のみ)

#title {
padding: .5rem 0 0;
}

……現状はタイトル2行表示に変更した。2019/03/16

#title {
max-width: 80px;
padding: 50px 0 0 50px;
}

■PCアクセス時最大表示幅を設ける(タイトル画像中央表示維持の為)

#container {
max-width: 1050px;
margin: 0 auto;
}

表示幅が狭くなるとヘッダー画像表示範囲が狭くなるので、それでもおかしくない画像を使用する必要がある。

 

 

otog.hatenablog.com