ホームページビルダー１６のカラー変更、#hpb-headerの背景色変更
このページではページ全体の背景画像とトップのメイン画像とヘッダー部（右側上部）の背景色を背景画像の色合いに合わせて見た。
これからすると黒から多色にした場合、簡単にはいかないと推測される。
（０６）カラー変更
黒は好きでないので色を変えたい。
先ず、bodyを見ると
background-colorを#142954 に変更
backgrong-imageをbg_01.jpg に変更するとこのページのようになった。
（０７）#hpb-headerの背景色変更（container_5Ea_2c_right.cssで）
#hpb-header
{
height: 117px;
width: 866px;
margin-left: auto;
margin-right: auto;
background-color: #3E64B5; #000000より#3E64B5に変更
background-image : url(headerBg_5Ea_01.png); ファイル名は同じで色を#000000より#3E64B5に変更
background-repeat: no-repeat;
background-position: right 20px;
}
（０８）.hpb-layoutset-01 #hpb-title h2の変更（container_5Ea_2c_right.cssで）
.hpb-layoutset-01 #hpb-title h2
{
margin-top: -167px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0px;
overflow: hidden;
text-indent: -9999px;
height: 310px;
background-image : url(mainimg_5Ea_01.png); 同じファイル名で画像変更
background-position: left top;
background-repeat: no-repeat;
}
次のページヘ
黒は好きでないので色を変えたい。
先ず、bodyを見ると
background-colorを#142954 に変更
backgrong-imageをbg_01.jpg に変更するとこのページのようになった。
（０７）#hpb-headerの背景色変更（container_5Ea_2c_right.cssで）
#hpb-header
{
height: 117px;
width: 866px;
margin-left: auto;
margin-right: auto;
background-color: #3E64B5; #000000より#3E64B5に変更
background-image : url(headerBg_5Ea_01.png); ファイル名は同じで色を#000000より#3E64B5に変更
background-repeat: no-repeat;
background-position: right 20px;
}
（０８）.hpb-layoutset-01 #hpb-title h2の変更（container_5Ea_2c_right.cssで）
.hpb-layoutset-01 #hpb-title h2
{
margin-top: -167px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0px;
overflow: hidden;
text-indent: -9999px;
height: 310px;
background-image : url(mainimg_5Ea_01.png); 同じファイル名で画像変更
background-position: left top;
background-repeat: no-repeat;
}
次のページヘ
news新着情報
○○新聞に「○○○○○○」が掲載されました。
サイトをオープンしました。
○○○○○○○○を更新しました。