カエテンジョイSeesaa版(旧デザインシステム)

背景色の変更

●掲載ソースを追加して正しく表示されないときは次を確認ください。

 

・ソースが文字化けしている可能性があります。一旦テキストエディタに貼り付けて確認してください。

・ご自身で全角スペースを入力している可能性があります。全角スペースを削除してください。

 

●画像は説明用のイメージサンプル画像です。

 

実際のブログや管理画面とは細部の表示が異なる部分がありますので予めご了承ください。

 

●CSS/HTMLソースの行数の番号/色は説明用です。

 

実施のブログでは、行数が違う・行数表示が無い・色が無い、となりますので予めご了承ください。

背景色の変更


ブログの背景色の変更が、
簡単にできるようにメインCSSを記述しています。


背景色の変更方法
書き替えしたメインCSSの■背景色から次の箇所を見つけてください。

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■背景色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*ボディ*/
body {background: #ffffff;}

/*コンテナ内側*/
#container-in {background: none;}

/*メインカラム*/
#content1,#content2,#content3 {background: none;}

/*サイドバー*/
#sidebarbody-l,#sidebarbody-r,.sidecontent {background: none;}
 

●色を使う場合
カラーコード( #ffffff 又は none )を変更ください。
例: body {background: #e6e6fa;}

※参考:カラーコード表 http://www.colordic.org/
※カラーコードの後にある ; を削除しないでください。

●画像を使う場合
画像を使う場合は次のように記載してください。
例: body {background: url(画像のURL);}



例1
ボディのカラーコードを #e6e6fa (ラベンダー)にした場合



例2
ボディのカラーコードを #e6e6fa (ラベンダー)に
メインカラムのカラーコードを #ffffff に
サイドバーのカラーコードを #ffffff にした場合





ホーム RSS購読 サイトマップ
設置マニュアル SEO対策の設定 カスタマイズ デザイン変更 Seesaa公式マニュアル