スタイルシートのファイル「main.css」の編集は注意が必要です。レイアウトについて記述しているところを不用意に書き換えてしまうとデザインが大きく崩れてしまうことがあります。必ずもとのファイルをバックアップしてから作業をしましょう。
div#header_menu ul {
background-image: url(image/header_menu_bg.gif);
background-repeat: no-repeat;
margin: 0px;
height: 40px;
padding: 0px;
padding-left: 20px;
}
div#header_menu ul li {
display: inline;
margin: 0px;
line-height: 2.5em;
}
div#header_menu ul li a {
color: #333333;/*リンクの文字の色*/
text-decoration: none;
height: 32px;
float: left;
padding: 0px 12px 0px 12px;
border-top-width: 7px;
border-top-style: solid;
border-top-color: #336600;/*文字の上のボーダー色*/
}
* html div#header_menu ul li a {
height: 39px;
}
div#header_menu ul li a:hover {
color: #CC0000;/*リンクの文字の色・マウスが乗ったとき*/
border-top-color: #99CC00;/*文字の上のボーダー色・マウスが乗ったとき*/
background-image: url(image/header_menu_bg_a.gif);
background-repeat: repeat-x;
}
/*********ここまでヘッダーメニュー***********/
と、こんな風に書かれている部分があったりします。赤い文字の部分はフォントの大きさだったり色、背景画像のファイル名ですからあなたのホームページにあ わせて変更しても大丈夫です。ただしフォントのサイズはあまり大きくしたりするとレイアウトが崩れたりしますのでほどほどに。
「margin」や「padding」はいじらない方が無難でしょう。レイアウトが崩れます。変な隙間が出たりします。ですからきっと編集するとすれば「色」に関する記述の部分がほとんどでしょう。
