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

maruyosi's LODGE

~ まるよしの書斎・休憩室・実験室 ~

Greeny

はてな

グリーンを基調とするシンプルな レスポンシブデザインテーマ Greeny です。
 (2014.11.08 テーマ名変更 Greeny-Lodge ⇒ Greeny
サンプルテーマ boilerplate をカスタマイズしたものです。
Firefox33, IE11 / Windows 8.1Safari / iOS 8.1 / iPhone5 で動作確認しています。

(基本)
f:id:saitoy052:20141103111218j:plain

(背景画像 設定例)
f:id:saitoy052:20141103110512j:plain

(タイトル画像 設定例)
f:id:saitoy052:20141103110619j:plain

(背景画像+タイトル画像 設定例)
f:id:saitoy052:20141103110639j:plain

背景画像の透過具合を変えたいときはCSSの数値(赤字部分)で行います。

#container #content {
  background-color: #f0fff0;  /* Honeydew */
  background-color: rgba(240,255,240,0.9);  /* transparent */
}
#top-box {
  background-color: #f0fff0;  /* Honeydew */
  background-color: rgba(240,255,240,0.9);  /* transparent */
}

背景画像をアップロードすると、ページを最後までスクロールして背景画像を全部表示させることが出来るようになります。