キャストのご紹介
New Face !
テンプレートの使い方
年齢制限用のトップページを置きたい場合
年齢制限用のhtmlファイルも準備してあります。必要な場合は「enter」フォルダ内のindex.htmlとindex2.htmlファイルを１個上の階層に移動（index.htmlのみ上書き）してご利用下さい。
当ページは２カラムでも使えます
２カラム使用時のサンプルhtmlはc2.htmlになります。詳しい説明も書いていますので利用する際はご一読下さい。
画像ベースは
「base」フォルダに入っていますのでご自由にご活用下さい。
最初に変更する箇所
各htmlファイルのheadタグ内の「水商売(クラブ,キャバクラ等)サイト向け 無料ホームページテンプレート tp_103」と「ここにサイト説明を入れます」と「キーワード１,キーワード２……」と、フッター内の「SAMPLE CLUB」は、お店の情報に合わせて入れ替えてご利用下さい。
トップページのスライドショー画像について
■当テンプレートのトップページ内のスライド表示は有限会社クリタス提供のプログラムを使用しています。slide_simple_pack.jsファイルは改変せずにご利用下さい。
URL: http://www.crytus.co.jp/
■使い方解説。
トップページのメイン写真はjavascriptを使用したスライドショーになっています。お手持ちの写真と入れ替える場合、幅1000px、高さ340pxのjpg画像を3枚準備します。
3枚の画像名は表示順に、
1.jpg 2.jpg 3.jpg
とします。3枚の画像完成後、imagesフォルダに3枚の画像を上書き保存します。これで現在のスライドショー映像が入れ替わります。
■画像サイズを変更したい場合。
例えば、画像の高さを180pxにしたい場合、まず画像をこのサイズで３枚準備します。次に、スライドショー部分のタグ内に、
width="1000" height="340"
という箇所が２箇所ありますので、これを、
width="1000" height="180"
に変更します。
更に、style.cssの「#mainimg」の設定内にある、
height: 340px;
を
height: 180px;
に変更して下さい。
■最大5枚まで画像の追加が可能です。
index.htmlのスライドショー画像がある部分のhtml側に、
<img class="slide_file" src="images/1.jpg" title="index.html">
<img class="slide_file" src="images/2.jpg" title="index.html">
<img class="slide_file" src="images/3.jpg" title="index.html">
の行があるので、この下に追加タグを加えて下さい。例えば4.jpgの画像を１枚追加するなら、上記の３行タグを含めて、
<img class="slide_file" src="images/1.jpg" title="index.html">
<img class="slide_file" src="images/2.jpg" title="index.html">
<img class="slide_file" src="images/3.jpg" title="index.html">
<img class="slide_file" src="images/4.jpg" title="index.html">
といったタグになります。
■各画像ごとにリンクを設定できます。
上記の各画像タグに、titleでリンク先の設定がされています。ダウンロード時点では全てindex.htmlがリンク先になっていますので、ご希望に合わせてリンク先アドレスを変更して下さい。
リンクを設定したくない場合、
<a href="" id="slide_link">
のリンクタグを削除してもらえればＯＫ。閉じタグ（</a>）の削除もお忘れなく。
■希望するループ回数でストップさせる事ができます。
<input type="hidden" id="slide_loop" value="0">
という行があるので、ここの「value="0"」の数字(ループ回数)を指定して下さい。「0」のままだとエンドレスでループします。
■固定画像にしたい場合。
<div id="main-image">〜〜</div>の間の複数行のタグを通常のimgタグのみに置き換えて下さい。
例：
<div id="main-image">
<img src="images/1.jpg" alt="" width="1000" height="340" />
</div>
その後、htmlの下の方にある、
<script type="text/javascript" src="js/slide_simple_pack.js"></script>
の１行を削除して下さい。該当のjsファイルも削除してもらって構いません。
■サーバーにアップ後、スライドショーが表示されない場合。
slide_simple_pack.jsファイルがアップロードされているかご確認下さい。ビルダーでアップしている場合、jsファイルがアップされない場合もあるようなのでご確認下さい。アップされている場合、スライドショー用の写真がアップロードされているか、上の説明にあるようにファイル名を間違えていないかもご確認下さい。
プレビューでチェックすると警告メッセージが出る場合(一部ブラウザ対象)
スライドショー用のjavascript（jsファイル）ファイルによって出る警告ですが、WEB上では出ません。また、この警告が出ている間はスライドショー効果を見る事ができないので、警告メッセージ内でクリックして解除してあげて下さい。これにより効果がちゃんと見れるようになります。
SUB MENU
イベントカレンダー
この見出しはh3タグ
このボックスはbox1で出ます。ここに画像を置く場合、幅163pxまで。サンプルテキスト。
ボックスの外も使えます。サンプルテキスト。
SUB MENU
モバイルコード
求人募集
この見出しはh3タグ
このボックスはbox1で出ます。ここに画像を置く場合、幅163pxまで。サンプルテキスト。
ボックスの外も使えます。サンプルテキスト。