ヘッダーの縦幅を変更
ヘッダーの縦幅を変更したい場合、 heightの数値を変えれば簡単に行えます。 style.cssファイルのソースにある、 以下の赤字部分の数値を希望のサイズに変えて下さい。
/* ヘッダー */
#header {
height: 100px;
_height: 104px;(IE6用+4px)
border-top: 3px solid #999;
border-bottom: 1px dotted #ccc;
}
続いてタイトル＆ロゴや説明の位置を調整です。
ロゴバージョンの場合は以下の赤文字部分を変更して下さい。
margin: 上 右 下 左;の順となります。
/* ロゴ */
#logo {
position: absolute;
top: 23px;
margin-left: 20px;
}
#header h1 {
font-size: 75%;
font-weight: bold;
float: right;
text-align: right;
margin: 22px 20px 0 0;
}
#header p {
font-size: 75%;
float:right;
text-align: right;
line-height: 10pt;
margin: 5px 20px 0 0;
}
テキストバージョンの場合は以下の赤文字部分を変更して下さい。
#header h1 {
font-size: 150%;
float:left;
text-align: center;
margin: 35px 0 0 20px;
}
#header p {
font-size: 75%;
float:right;
text-align: right;
line-height: 14pt;
margin: 20px 20px 0 0;
}
以上の部分を変えて頂ければ変更完了です。
数字の間は半角スペースです。間違えないように気を付けて下さい。
