NetCommons Test and Study Site


  Product By K.Nagai
 
 
ヘッダーの背景色を変える
NetCommonsが最上部に表示するヘッダーの色を「ページスタイル」で設定した色と同じ色にし、上部のメニューの文字の色を背景色と同系の色として目立たなくする。
当サイトの設定では、以下のようにしている。

修正するファイル:webapp/style/css/page_style.css
1.ファイルの最後に以下を追加(背景色)
  div.headercolumn_menu {
    background-color:#7a7040; }
  「ページスタイル」で設定した背景色と同じ色を設定している。
2.ソースコードの89行目あたりから(文字色)
table#header_menu a.menulink,
table#header_menu a.menulink:link,
table#header_menu a.menulink:visited,
table#header_menu a.menulink:active,
table#header_menu a.menulink:hover {
    color:#7ac040;
/*    color:#7a858f;    */ 元の色
}
3.マウスオーバーでリンク文字の色を変える。
table#header_menu a.menulink:hover {
    color:#ffffff;
}

変更後のヘッダーは、こんな感じ!
 
Copyright(c) 2010 K.Nagai All Rights Reserved.