h1タグをここに入れます。重要なキーワードを選択しましょう。


当ホームページテンプレートはこちらからダウンロードできます。

■このテンプレートは、無料テンプレートサイトNikukyu-Punchが配布しているものです。
必ず利用規約をご一読の上でご利用下さい。

フッター内(HP最下部)の著作表示・スポンサー表示は削除しないで下さい。
お守りいただけない場合、テンプレートの利用を中止し、違反金を請求いたします。 逆に、ライセンス料を支払う事により、外す事も可能です。
>>ライセンスコードお申し込みフォームはこちら

WEB制作業者様、もしくは外部業者にWEB制作依頼を予定されている方へ
WEB制作代行用に当テンプレートを使うWEB制作業者様などの場合、必ず事業者登録(及びテンプレートコード取得)を行って下さい。詳しくはこちら
また、外部のWEB制作業者に制作を依頼予定の方の場合は、その制作業者側にこの事業者登録を行って頂く必要があります。

当社関連サイト(※こちらのバナー3点は削除してご利用下さってOKです。)
テンプレート販売サイトのテンプレートパンチ

WEB制作サイト Moko Design

フリー写真サイト PHOTO CHIPS

テンプレートの編集サービスについて
ロゴやメニューの画像加工やhtmlコーディング、テンプレートのテーマカラー変更やプログラム設置など、テンプレートに関する様々なサポートも承っております。また、当テンプレートのPSD(Photoshop)ファイル販売も行っております。
詳しくはこちらのテンプレート編集ページをご覧下さい。


■一応、全ページ完成していますが必要に応じて編集して下さい。

■下のテーブルの使い方。
商品の各テーブルはセルを2つに分割して、左を画像用、右をコメント用に使っています。
tableタグ本体にclass指定で「t1」とすれば写真のフチどりや、背景の薄いグラデーションが自動で入ります。個々の設定は不要なので簡単。また、商品名は「strong」タグで指定すれば左の矢印とアンダーラインが自動で入ります。

■htmlタグの書き方サンプル。(以下にはリンク指定は入れていません。必要に応じて後から入れて下さい。)
<table class="t1" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/sample_img.jpg" width="100" height="100" /></td>
<td><strong>flower A</strong> ここに説明を入れます。</td>
</tr>
</table>

flower A ここに説明を入れます。ここに説明を入れます。
flower B ここに説明を入れます。ここに説明を入れます。
flower C ここに説明を入れます。ここに説明を入れます。
flower D ここに説明を入れます。ここに説明を入れます。
flower E ここに説明を入れます。ここに説明を入れます。
flower F ここに説明を入れます。ここに説明を入れます。
flower G ここに説明を入れます。ここに説明を入れます。
flower H ここに説明を入れます。ここに説明を入れます。
→ここに各テーブルを追加していけます。 →ここに各テーブルを追加していけます。

what's new

■上部のメイン写真について
上部写真は再利用不可です。必ず入れ替えてご利用下さい。
配布元サイトは「素材辞典」さん。

■メイン写真の入れ替えについて。sampleフォルダに「header_bg.jpg」という画像が入っているので、それに画像をのせてimagesフォルダへ上書きして下さい。フチを1pxずつ空けると上の画像のように少しフチが白く残って画像が引き立ちます。

■メインメニューの文字なし画像がsampleフォルダに入っていますので好きに文字いれしてimagesフォルダへ上書きして下さい。左から「menu_01.gif」「menu_01.gif」という風に配置されます。カーソルオーバー時用画像は「menu_over_…」で始まっています。
当方でもメニューへの文字入れ代行(最初の1個目のみ500円、後は追加1個あたり150円。ロールオーバー用もセット)承っております。もし全部入れ替えるなら、最初の1個分500円+残り6個(900円)=1,400円となります。
詳しくはこちらをご覧下さい
※手作業で画像を消して入れた場合、画像間に半角スペースが出る場合があります。この場合はhtmlソース側でメニュー部分の改行やスペースを全て無くしてみて下さい。またはこのファイルのようにコメントアウトを間に挟む(分かる人はこちらがお勧め。見やすいので。)で対応できます。

■左の「new flower」及び上の「menu」などの見出しの文字なしタイプがsampleフォルダに入っていますので好きに文字いれしてご利用下さい。1個150円で制作依頼も承っております。
こちらもメニュー加工同様、当方でも文字のせ代行承っております。(最初の1個目のみ500円、追加1個ごとにプラス150円)


■HPカラーの変更、お問い合わせフォームの設置、画像加工サービス(500円〜)など、ホームページ編集のお手伝いもしております。
>>詳細はこちら

■お揃いのお問い合わせフォームも作れます。このテンプレートとお揃いのお問い合わせフォーム制作も承っております。一式2,500円〜。
>>詳しくはこちらをご覧下さい


左の「What's new」と同じように左矢印とアンダーラインも使えます。ulタグにclass指定で「u-line」とするだけ。

■htmlサンプル
<ul class="u-line">
<li>メニューサンプル1</li>
<li>メニューサンプル2</li>
</ul>