おおきな背景見出しで特別な印象を与えたい人のためのテーマです。
カスタマイズして自分の作品などをアピールすることもできます。
以下に背景画像とHTMLモジュールのカスタマイズ方法を記載します。
背景画像のカスタマイズ方法
背景に設定したい画像をはてなフォトライフにアップロードしておいて、管理画面の「デザイン > カスタマイズ > デザインCSS」に以下のコードを書き換えてコピペ・保存してください。
/* Top Page */ .page-index { background-image: url(/* Image URL */); } /* Entry Page */ .page-entry { background-image: url(/* Image URL */); } /* Daily Page */ .page-entries-year-month-day { background-image: url(/* Image URL */); } /* Archive Page */ .page-archive { background-image: url(/* Image URL */); } /* About Page */ .page-about { background-image: url(/* Image URL */); } /* Search Page */ .page-search { background-image: url(/* Image URL */); }
HTMLモジュールのカスタマイズ方法
HTMLモジュールをブログタイトルの右側のスペースに表示することができます。その場合は以下のスタイルを管理画面の「デザインCSS」にコピペしてください。
#box2 .hatena-module-html { position: absolute; top: 10px; width: 300px; height: 400px; margin: 0; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.1); } #box2 .hatena-module-html .hatena-module-title { border: 0; padding: 0; margin: 0; }