info_page
テンプレートの簡単な説明
こんにちは、ダブルバキバキ管理人です。
このたびは、ホームページ作成高速化無料テンプレートを
ダウンロードしていただきありがとうございます。
テンプレートに関して、ご意見・ご感想、そして致命的な間違いを発見しましたら
バキバキテンプレートカスタマーセンター(?)まで連絡いただける嬉しいです。


このテンプレートセットをお使いになるかたへ
各ページにある、
この赤で小さく、黄色い背景の文字は、テンプレートの説明です。
ホームページビルダーの編集画面では見えますが、プレビューすると表示されません。
この文字が、あっても特に大きな問題は無いですが気になる人は削除してください。


このテンプレートの説明
このテンプレートは、あらかじめ、いくつかのページをリンクした小さなサイト構成になっております。
使わないページへ貼られたリンクは、解除してお使いください。

サイドメニューとアンダーメニューについて
全てのページで表示されるサイドメニューとアンダーメニューは、インラインフレームになっておりますので、サイドメニューとアンダーメニューを変更するときは、トップフォルダにあるside_menu.htmllinks_side_menu.htmlunder_menu.htmlunder_menu02.htmlを編集してください。


フォルダ内にあるサイドメニューとアンダーメニューは、トップフォルダにある
side_menu.htmllinks_side_menu.htmlunder_menu.htmlunder_menu02.htmlを表示するインラインフレームになってます。
インラインフレームの入れ子です(笑)

コンテンツ別にサイドメニューとアンダーメニューの内容を変えたいときは、各フォルダ内のside_menu.htmllinks_side_menu.htmlunder_menu.htmlunder_menu02.htmlを編編集してください。
(↑このへんの意味が、よくわからないかたは、フォルダ内の
side_menu.htmllinks_side_menu.htmlunder_menu.htmlunder_menu02.htmlは、いじらないほうがいいと思います。)




※ Ver.2.0から仕様が変わりました。

サイドメニューとアンダーメニューの高さは、あらかじめ設定してあります。 別の高さに変更する場合は、インラインフレームを右クリック→【属性の変更】で高さを変更してください。(各フォルダ内の side_menu.html と under_menu.html も同様)

以前のバージョンでは、HTMLページで高さを変更していたインラインフレーム部分ですが、スタイルシート側で変更できるようにしました。

この変更により、前バージョンでは、あとで高さを変更する場合HTMLページを1ページずつ変更しなければいけませんでした。

新バージョンでは、すべてのインラインフレーム(ヘッダー、フッター、サイドメニュー、アンダーメニュー)の大きさが自由に変更できるようになっております。

つまり、コンテンツが増えてきて「サイドメニューの高さを大きくしたい」というときも簡単に変更できるようになるということです。

↑このへんの意味が分からない方は、標準のまま使いましょう。

この仕様の変更に伴い、以前のバージョンのHTMLページと混ぜて使うと、うまく表示されない場合がありますのでご注意ください。




【注意】
このテンプレートセットでは、インラインフレーム内で表示される
header.htmlfooter.htmlside_menu.htmllnks_side_menu.htmlunder_menu.htmlunder_menu02.html をプレビューすると、同一フォルダ内にあるindex.htmlが表示されるスクリプトが含まれております。 検索エンジンが、このページを拾った場合、インラインフレーム内のページを開かないようにする為です。 必要ないかたは、ページの編集画面で、以下の部分を削除してください。
<SCRIPT language=JavaScript>
<!--
if(parent.location == location) location = "index.html";
//-->
</SCRIPT>

.
ワンポイント
z_box○○枠セットの使い方。
3種類の文字を書く枠があります。
タイトルとその下の本文を書く上下で1セットです。
それぞれの違いは、↓こうなります。



z_boxセット ここから
z_box-title
z_box

文字がサイズが可変(パーセント指定)、又は、z_box02枠セットに比べて若干文字サイズ大きめのデザインですので、長文になりがちな、子のページの本文を書くのに適しています。
2カラムページの本文で使うように設定してあります。
z_boxセット ここまで



z_box02セット ここから
z_box-title02
z_box02

文字のサイズが固定になっていますのでレイアウトが崩れにくい枠セットです。
3カラムページの本文で使うように設定してあります。
メニューの多いトップページやレイアウトが崩れてほしくないページに使うのに適しています。
z_box02セット ここまで



z_menu_boxセット ここから
z_menu_box-title
z_menu_box

巾が200ピクセルのサイドメニュー部分で使う枠セットです。
サイドメニュー以外で使うと他のデザインに変更したときにレイアウトが崩れる可能性があります。
z_menu_boxセット ここまで



boxセットを、ページに追加するときは、マウスで「ここから」「ここまで」を選択後、コピペしてから、必要ない「改行や文字」を削除すると簡単です。

z_box-title02
z_box-title02
z_box-title02
z_box-title02
z_box-title02
z_box-title02
このように、boxの中にboxが入って、
入れ子にならないように注意してください。


文字スタイル
文字スタイル
a_Midashi01
a_Midashi02

b_Moji01
b_Moji02
d_Link01 
d_Link02 
d_Link03 
d_Link04 

e_Arrow_Hidari
e_Arrow_Migi
e_Home
e_Mail

f_Folder
f_Point


管理人が使っているテンプレートは、文字のスタイルを増やして使っています。
■文字にスタイル適用
u_Moji_attention
u_Moji_BIG
u_Moji_small
u_Moji_title

太字 太字 太字 太字 太字 太字 太字 太字 太字 太字 太字 太字 太字
斜体 斜体 斜体 斜体 斜体 斜体 斜体 斜体 斜体 斜体 斜体 斜体 斜体
アンダーライン アンダーライン アンダーライン アンダーライン アンダーライン
打ち消し線 打ち消し線 打ち消し線 打ち消し線 打ち消し線 打ち消し線 打ち消し線
ストロング ストロング ストロング ストロング ストロング ストロング

■枠にスタイルを適用
u_waku u_waku_colum

u_waku_img は、画像に適用するスタイルですので余白は無しです。
 ←透明スペーサー画像に u_waku_img を適用した例


【使用例】
Webデザイナーじゃないんだから、いいじゃないかと開き直ってみませんか(笑)
取引先の会社から「今度、当社でもホームページを作ろうと思うのですが、どうやって作るのかしってます?」と尋ねられたのが始まりでした。
上司に「橘課長なんとかならんかね、これが取引拡大のチャンスかもしれんのだよ!しれんのだよ!」と、しれんのだよを2回連続で脅され。 ここで、「できません」とあっさり答えてしまうと、後ろから優しく肩を叩かれ「お疲れ様、今日まで頑張ってくれてありがとう」とリストラ街道まっしぐらの暗い未来予想図が前頭葉の奥深くによぎり、「わかりました、やってみましょう!」と無責任に答えてしまったものの、ワープ...
基本的にニャンコボタンで文字に装飾しますが、下線、太字、斜体、打消し線タグ等を使用したときのスタイルは、普通にビルダーの編集で
B←太文字、I←斜体、U←下線、S←打ち消し線、S←ストロング、
ボタンを使うだけでスタイルが適用されます。
z_box-title02
しがないホームページ作成支援のサイトです(笑)
枠の中で2列にするときは、テーブルを使うと簡単です。(まんなかの、セルの巾10ピクセル例)
左側
ここで、「できません」とあっさり答えてしまうと、後ろから優しく肩を叩かれ「お疲れ様、今日まで頑張ってくれてありがとう」とリストラ街道まっしぐらの暗い未来予想図が前頭葉の奥深くによぎり、「わかりました、やってみましょう!」と無責任に答えてしまったものの、ワープ...
右側
ここで、「できません」とあっさり答えてしまうと、後ろから優しく肩を叩かれ「お疲れ様、今日まで頑張ってくれてありがとう」とリストラ街道まっしぐらの暗い未来予想図が前頭葉の奥深くによぎり、「わかりました、やってみましょう!」と無責任に答えてしまったものの、ワープ...
z_box-title
z_box
各ページの枠セット最下部には、インラインフレームでアンダーメニューが入れてあります。 使い方は、関連記事へのリンクやランキングサイトへのリンク等を入れると便利ですよー。

↓ここにアンダーメニューがあります。under_menu.html

Page Top


main

br
main_box