読者です 読者をやめる 読者になる 読者になる

トマシープが学ぶ

Mac/デスクトップ

はてなブログの見出しデザインの変更してみた。

最近新しく作った、日常系ブログの見出しデザインをCSSで変えてみました。

といっても、こちらの記事からコピペして色だけ変えただけですが・・・

mudaide.hatenablog.com

見出しデザイン

私は大見出しと、中見出しをよく使うのですが、はてなブログのデザインテーマの中には、この二つが同じデザインのものが多いです。私はちゃんと区別がついているのが好きなのですが、割と同じ率が高い気がします。

f:id:bibinbaleo:20170327131557j:plain

ということで、見出しデザインだけ自分でカスタマイズしました。

はてなブログのデザイン>カスタマイズ>デザインCSSを開きます。

f:id:bibinbaleo:20170327131607j:plain

そして

.entry-content h3{
color: #ffffff;
background: #000080;
border-radius: 5px;
padding: 20px 20px;
}

 をコピペ、文字の色とbackgroundcolorを

HTML,CSS カラーコード一覧表 | 背景色や文字色の設定

を参考にブログデザインにあった色に変更しました。

結果

こんな感じでメリハリがつきました!

f:id:bibinbaleo:20170327131921j:plain

 

広告を非表示にする