ホームページテンプレートを無料配布中
商用利用もWEB制作業者様利用も全て無料

テンプレートパーティー

tp_shop1テンプレートの上部メニューを外す方法

tp_shop1シリーズは3カラムの上、上部メニューまであります。
「ちょっと多いなぁ~そんなにメニューいらないんだけど…」という人の為に上部メニューを外す方法をご紹介します。

メニュー部分の画像を削除します。

imagesフォルダに入っているcontainer_bgがヘッダー部分とメニュー部分をまとめた背景画像です。黒いバーの下にある白っぽいパーツがメニュー用なのでこれを削除しましょう。

htmlファイルのメニューを削除します。

テンプレートのhtmlファイルのメニューブロックを削除します。

style.cssからメニューパーツを削除します。

ヘッダーの高さを調整します。

tp_shop1テンプレートのヘッダーにはメニューの高さ分も含まれていたので、削除した分を減らします。
1つ上のステップでメニューの高さが33pxということがわかるので、#headerの高さ(height)からこの33px分を引いて設定しなおしましょう。

完成です。

<< ホームページテンプレートの使い方・カスタマイズ方法メニューに戻る

↑ PAGE TOP