テンプレートご利用の前に必ずお読み下さい

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

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

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

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

当社関連サイト(※こちらのバナーは削除してご利用下さってOKです。)

フリー写真サイト PHOTO CHIPS

テンプレートの編集サービスについて

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

ヘッダーの設定について

ロゴ画像「Sample Coaporation」を変更する場合は、横幅270px、高さ35pxで作成し、背景色を通過、マット色を「#2b2b2b」にすればキレイになじみます。500円で上と同じロゴ作成も承っております。

右上のナビメニュー(sitemap や contact)部分は数に合わせて背景の黒い部分も移動します。ナビメニューは通常のリストタグで作られています。html側で見た場合、
<li><a href="#">sitemap</a></li>
ナビメニューを追加したい場合も上の1行を追加すればO.Kです。

メインメニューの設定について

メニューの文字数は全角8文字以内にして下さい。これを超えた分の文字は見えません。メニューもリストタグで作られています。html側で見た場合、
<li><a href="#">会社概要</a></li>
などになっています。

メイン画像の入れ替えについて

baseフォルダに文字なしの土台画像が入っていますので、必要に応じて編集し、imagesフォルダに上書きして下さい。

デザイン設定はstyle.cssで行います。

メモ帳などでも開く事ができます。詳しい説明も書いてありますのでよくお読み下さい。その前にReadMeファイルを必ずお読み下さい。

メインコンテンツ(この場所)について

■ここにテキストを入れる場合、必ず段落タグ(pタグ)で囲って下さい。段落指定しないと、文字がサイドびっしりに詰まって見た目が悪くなります。

■ここに画像を置く場合、横幅470pxにするとちょうどおさまります。pタグの外で使うなら、上の見出しと同じ横幅490pxまで可能。

ここの見出し部分について

h2タグでテキストを囲むと自動で背景画像が入ります。html側の例だと、
<h2>ここの見出し部分について</h2>
となります。

見出し

上の見出し部分はh3タグで文字を囲めば出来ます。
例:<h3>見出し</h3>

サブメニュー

メインメニューとナビメニューで足りない場合はこの部分もメニューとして使えます。これも通常のリストタグです。単にテキストを入れただけではラインや矢印が入りませんが、リンク指定を入れた時点で反映されます。

注意点ですが、IE6以下で見た場合に余白ができてしまうので、htmlソース側でメニュー部分の改行やスペースを全て無くして下さい。またはこのメニューのようにコメントアウトを間に挟む(分かる人はこちらがお勧め。見やすいので。)で対応できます。

ここに画像を入れる場合、横幅220pxだとちょうどおさまります。