FC2ブログのテンプレート工房

色を変える方法を紹介します。
スタイルシートの次の数値を変えると色が変わります。

/* 画面全体 */
body {
～
　　background-color: #eeeeee;　/* 画面背景の色 */
～
}

/* サイト全体 */
.base_table {
～
　　background-color: #000000;　/* 外枠の色 */
～
}

/* ヘッダーレイアウト */
#header {
～
　　background: #000000;　/* ヘッダー背景の色 */
～
}

/* サイトタイトル */
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {
～
　　color: #ffffff;　/* タイトルの色 */
～
}

/* サブタイトル(サイト説明) */
h2 {
～
　color: #ffffff;　/* サブタイトルの色 */
～
}

/* メインボディ */
#main_body {
～
　　background-color: #ffffff;　/* ボディ背景の色 */
～
}

/* エントリー（記事）タイトル */
h3 a:link,h3 a:visited,h3 a:active,h3 a:hover{
～
　　color: #000000;　/* 記事タイトルの色 */
～
}
h3 {
～
　　background: #ffffff; /* 記事タイトル背景の色 */
～
　　border-left: #000000 10px solid;　/* 飾りの色(左) */
　　border-right: #000000 1px solid;　/* 飾りの色(右) */
　　border-bottom: #000000 1px solid;　/* 飾りの色(下) */
～
}

/* エントリー(記事)スタイル */
.article {
～
　　color: #000000;　/* エントリー(記事)の文字の色 */
～
}

/* メニュータイトル */
.menu_title {
～
　　color: #ffffff;　/* メニュータイトルの色 */
～
　　background: #000000;　/* メニュータイトル背景 */
～
}

/* メニューコンテンツ */
.menu_cont {
～
　　color: #000000;　/* メニューコンテンツの文字の色 */
～
}

/* レフトカラム(左側メニューカラム)の外枠 */
.left_outline {
～
　　border: 1px #000000 solid;　/* レフトカラムの外枠の色 */
～
}

/* ライトカラム(右側メニューカラム)の外枠 */
.right_outline {
～
　　border: 1px #000000 solid;　/* ライトカラムの外枠の色 */
～
}

/* フッター */
#footer {
～
　　background-color: #000000;　/* フッターの背景の色 */
～
　　color: #ffffff;　/* フッターの文字の色 */
～
}

/* カレンダー */
.calender {
　　color: #000000;
～
}

リリーステンプレートに定義していないのですが、もしフッターのリンクの色を変えたくなった場合は次をスタイルシートに加えてください。

#footer a{
　　color: #ffffff;　/* フッターのリンクの色 */
}

一部リリース時期によってクラス名、コメントアウトが違う場合があります。もし解からないところがあれば出来るだけサポート致しますのでブログURLと色を変えたいところを明示してお知らせください。

お好みの色にカスタマイズしてくださいね。

関連記事

• タイトルを中央に配置する (2006/02/05)
• 記事下スペースの活用 (2006/02/04)
• パンくずナビゲーション (2006/01/28)
• 色を変える (2006/01/22)
• 文字の大きさを変える (2006/01/21)
• サイト幅を変える(standardシリーズ) (2006/01/21)
• コメント入力文字の大きさを変える方法 (2006/01/15)