デザインカスタマイズ・グラデーションにこだわってみる

グラデーションといったらコレ

ブログ全体のイメージはカスタマイズで色々表現できますね。

記事の内容に合わせてシャープにしたり、

見やすさを重視したり自分の好みに合わせてみたり。

色々なサイトがあって楽しめます (*‘∀‘)

その中でもパッと見た時の色合いでだいぶ雰囲気の変わるグラデーション。

ただ今愛用中なのでメモ書きです。

グラデーションといったらコレ
はてなブログで簡単にグラデーション
- 参考サイト一覧

はてなブログで簡単にグラデーション

はてなブログのテーマストアにある『Haruni』といえば

グラデーションと、標準搭載されているスマホ用メニューボタンが

一番の特徴だと思います。

参考記事

romita.hatenablog.com

メニューボタンに関しては『Haruni』作者のMinimal Green さんが

設置方法など詳しく解説してくれていますので、

今回はグラデーションのことをほんの少しばかりですが

紹介してみたいと思います。

『Haruni』のデフォルトはピンクグラデーションですが

CSSデザインをコピペするだけで、ごっそり水色グラデーションに変更できる

着せ替え用CSSも紹介してくれています。助かりますね～

yumekawa.hatenadiary.com

他にも紫や黒系なども簡単に変更できます。

色が変わるだけで全体の雰囲気も随分変わりますね。

この『ことり日和』も一度、水色グラデーションにしたあと

細かい色味を変更してみました。

/* 水色グラデーション着せ替え */
body, .entry-content h3, .categories a, .hatena-module-category .hatena-urllist li a, a.entry-see-more {
    background: -moz-linear-gradient(left, #84fab0 0%, #8fd3f4 100%);
    background: -webkit-linear-gradient(left, #84fab0 0%, #8fd3f4 100%);
    background: linear-gradient(to right, #84fab0 0%, #8fd3f4 100%);
    /* 背景グラデーション1 */
}