Lekumo ブログOEM マニュアル
背景色の指定
Lekumo ブログOEM のデザインを利用しているブログで、記事本文部分やサイドバー部分の背景色を変更するには以下の手順で CSS を追記します。
ブログ本体の背景色を変更
- [ホーム] - [ブログ] - [(ブログ名)] - [デザイン] ページを開き [カスタムCSSを編集] をクリックする
- 以下の内容を貼り付ける
※ 「#dddddd」は任意の数値に変更してください。 - [変更を保存] ボタンをクリックする
div#container { background-color:#dddddd; }
記事表示部分の背景色を変更
- [ホーム] - [ブログ] - [(ブログ名)] - [デザイン] ページを開き [カスタムCSSを編集] をクリックする
- 以下の内容を貼り付ける
※ 「#ffffff」は任意の数値に変更してください。 - [変更を保存] ボタンをクリックする
今回は2カラム (本文 = alpha | 右サイドバー = beta)の場合の例となります。
/* 2カラム (本文 = alpha | 右サイドバー = beta) */
body.layout-two-column-right div#alpha { background-color:#ffffff; }
サイドバー部分の背景色を変更
- [ホーム] - [ブログ] - [(ブログ名)] - [デザイン] ページを開き [カスタムCSSを編集] をクリックする
- 以下の内容を貼り付ける
※ 「#ffffff」は任意の数値に変更してください。 - [変更を保存] ボタンをクリックする
今回は2カラム (本文 = alpha | 右サイドバー = beta)の場合の例となります。
/* 2カラム (本文 = alpha | 右サイドバー = beta) */
body.layout-two-column-right div#beta { background-color:#ffffff; }
記事表示部分やサイドバーなどに色をつける場合は、上の階層から色を指定していきます。
例えば、ページ全体(body)→ブログ本体(container)→メイン部分(alpha)、サイドバー(beta)といった手順で指定していきます。
例えば、ページ全体(body)→ブログ本体(container)→メイン部分(alpha)、サイドバー(beta)といった手順で指定していきます。