スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

背景色の変更

テンプレートの背景色の変更を行うにはスタイルシートを編集します。背景色の設定には background-color プロパティを使用します。
テンプレートの色を黒に変更してみます。
背景色を指定する
background-colorプロパティで背景色を指定します
background-color: RGBカラー

変更する箇所は
ヘッダー部分: header
フッター部分: footer
プラグインタイトル部分: plg_title
記事見出し部分: entry_header
の4箇所です。

ヘッダー


ヘッダーはページ一番上のタイトルを表示している部分です
blog005.jpg
div#header {
background-color: #2D78BF; /* 背景色 */
}

div#header の
background-color: #2D78BF; の部分を
background-color: #000000; に変更します。

div#header {
background-color: #000000; /* 背景色を黒色に変更 */
}

ヘッダー以外の部分も同じように変更します。

フッター部分(サイトの一番下の部分)


blog006.jpg
div#footer の
background-color: #2D78BF; の部分を
background-color: #000000; に変更します。
div#footer {
background-color: #2D78BF;
}


プラグインタイトル部分


blog008.jpg

dl.sidemenu_body .plg_title の
background-color: #2D78BF; の部分を
background-color: #000000; に変更します。
dl.sidemenu_body .plg_title {
background-color: #2D78BF;
}


記事の見出し部分


記事の見出し部分は border-left の部分を変更します
blog007.jpg

h2.entry_header の
border-left: 5px solid #2D78BF; の部分を
border-left: 5px solid #000000; に変更します。
h2.entry_header,
h3.entry_header
{
border-left: 5px solid #2D78BF;
}

テーマ : ホームページ・ブログ制作
ジャンル : コンピュータ

コメントの投稿

非公開コメント

教えて下さい

 初めまして。爽やかなブルーと大きめな文字に魅かれてダウンロードさせて頂きました。
 背景色の変更、大変興味深く読みましたが、上記以外の部分(白い所)の色を変更することは可能なのでしょうか?(この表現で解って頂けるでしょうか)
 文字中心のブログのため、読む方の目が疲れてしまいそうな気がしたもので。
 どうかご教授下さい。

背景色のカスタマイズ

>たっくんさん、コメントありがとうございます
色の変更はできます。スタイルシートの2箇所を変更します

body(全体)の
body {
background-color: #F5F5F5;
}



dl.sidemenu_body(プラグイン部分)の
dl.sidemenu_body {
background-color: #F5F5F5;
}

赤色の部分を変更します。

ありがとうございます!!

お返事が遅くなってすいません。
さっそく時間のある時にやってみたいと思います。
ありがとうございました<m(__)m>。
プロフィール

todo

Author:todo
ブログビギナーズへようこそ!
主にFC2ブログのテンプレートや情報を紹介していきたいと思います。

FC2カウンター
全記事表示リンク

全ての記事を表示する

カスタマイズ
最新記事
最新コメント
最新トラックバック
カテゴリ
アクセスランキング
[ジャンルランキング]
コンピュータ
1666位
アクセスランキングを見る>>

[サブジャンルランキング]
Webサイト作成
63位
アクセスランキングを見る>>
検索フォーム
PR
QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。