ヘッダーの縦幅の調整｜FC2ブログカスタマイズ工房（テンプレート公開中）

Ads by Google

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[ --/--/-- --:-- ] スポンサー広告 | トラックバック(-) | コメント(-)

ヘッダー部分の縦の長さを調整する方法です。
私のテンプレートでは最初は180pxに設定しています。

div#header {
　height: 180px; /* ヘッダー縦幅 */
　～
}

heightの数値を変更します。

ヘッダーの縦幅を変更した場合は、「ブログタイトル」やタイトルの下の「サイト紹介文」の間隔も調整したください。

■ブログタイトルの間隔

h1 {
　～
　padding:40px 30px 10px 30px; /* 周囲との間隔 */
}

４つの数値は前から順番に、上・右・下・左との間隔（余白）です。

■サイト紹介文の間隔

div.intro {
　～
　margin:10px 30px 10px 30px; /* 周囲との間隔 */
}

４つの数値は前から順番に、上・右・下・左との間隔です。

コメントの投稿

Webプランナーのやなぎです。

アドセンスやアフィリエイトに使いやすいFC2ブログテンプレートを配布しています。