テンプレートの簡単な説明
こんにちは、ダブルバキバキ管理人です。
このたびは、ホームページ作成高速化無料テンプレートを
ダウンロードしていただきありがとうございます。
テンプレートに関して、ご意見・ご感想、そして致命的な間違いを発見しましたら
バキバキテンプレートカスタマーセンター(？)まで連絡いただける嬉しいです。
このテンプレートセットをお使いになるかたへ
各ページにある、
この赤で小さく、黄色い背景の文字は、テンプレートの説明です。
ホームページビルダーの編集画面では見えますが、プレビューすると表示されません。
この文字が、あっても特に大きな問題は無いですが気になる人は削除してください。
このテンプレートの説明
このテンプレートは、あらかじめ、いくつかのページをリンクした小さなサイト構成になっております。
使わないページへ貼られたリンクは、解除してお使いください。
サイドメニューとアンダーメニューについて
全てのページで表示されるサイドメニューとアンダーメニューは、インラインフレームになっておりますので、サイドメニューとアンダーメニューを変更するときは、トップフォルダにあるside_menu.htmlとlinks_side_menu.htmlとunder_menu.htmlとunder_menu02.htmlを編集してください。
フォルダ内にあるサイドメニューとアンダーメニューは、トップフォルダにある
side_menu.htmlとlinks_side_menu.htmlとunder_menu.htmlとunder_menu02.htmlを表示するインラインフレームになってます。
インラインフレームの入れ子です(笑)
コンテンツ別にサイドメニューとアンダーメニューの内容を変えたいときは、各フォルダ内のside_menu.htmlとlinks_side_menu.htmlとunder_menu.htmlとunder_menu02.htmlを編編集してください。
(↑このへんの意味が、よくわからないかたは、フォルダ内の
side_menu.htmlとlinks_side_menu.htmlとunder_menu.htmlとunder_menu02.htmlは、いじらないほうがいいと思います。)
※ Ver.2.0から仕様が変わりました。
サイドメニューとアンダーメニューの高さは、あらかじめ設定してあります。 別の高さに変更する場合は、インラインフレームを右クリック→【属性の変更】で高さを変更してください。（各フォルダ内の
side_menu.html と under_menu.html も同様）
以前のバージョンでは、HTMLページで高さを変更していたインラインフレーム部分ですが、スタイルシート側で変更できるようにしました。
この変更により、前バージョンでは、あとで高さを変更する場合HTMLページを１ページずつ変更しなければいけませんでした。
新バージョンでは、すべてのインラインフレーム（ヘッダー、フッター、サイドメニュー、アンダーメニュー）の大きさが自由に変更できるようになっております。
つまり、コンテンツが増えてきて「サイドメニューの高さを大きくしたい」というときも簡単に変更できるようになるということです。
↑このへんの意味が分からない方は、標準のまま使いましょう。
この仕様の変更に伴い、以前のバージョンのHTMLページと混ぜて使うと、うまく表示されない場合がありますのでご注意ください。
【注意】
このテンプレートセットでは、インラインフレーム内で表示される
header.htmlとfooter.htmlとside_menu.htmlとlnks_side_menu.htmlとunder_menu.htmlとunder_menu02.html をプレビューすると、同一フォルダ内にあるindex.htmlが表示されるスクリプトが含まれております。 検索エンジンが、このページを拾った場合、インラインフレーム内のページを開かないようにする為です。 必要ないかたは、ページの編集画面で、以下の部分を削除してください。
.
このたびは、ホームページ作成高速化無料テンプレートを
ダウンロードしていただきありがとうございます。
テンプレートに関して、ご意見・ご感想、そして致命的な間違いを発見しましたら
バキバキテンプレートカスタマーセンター(？)まで連絡いただける嬉しいです。
このテンプレートセットをお使いになるかたへ
各ページにある、
この赤で小さく、黄色い背景の文字は、テンプレートの説明です。
ホームページビルダーの編集画面では見えますが、プレビューすると表示されません。
この文字が、あっても特に大きな問題は無いですが気になる人は削除してください。
このテンプレートの説明
このテンプレートは、あらかじめ、いくつかのページをリンクした小さなサイト構成になっております。
使わないページへ貼られたリンクは、解除してお使いください。
サイドメニューとアンダーメニューについて
全てのページで表示されるサイドメニューとアンダーメニューは、インラインフレームになっておりますので、サイドメニューとアンダーメニューを変更するときは、トップフォルダにあるside_menu.htmlとlinks_side_menu.htmlとunder_menu.htmlとunder_menu02.htmlを編集してください。
フォルダ内にあるサイドメニューとアンダーメニューは、トップフォルダにある
side_menu.htmlとlinks_side_menu.htmlとunder_menu.htmlとunder_menu02.htmlを表示するインラインフレームになってます。
インラインフレームの入れ子です(笑)
コンテンツ別にサイドメニューとアンダーメニューの内容を変えたいときは、各フォルダ内のside_menu.htmlとlinks_side_menu.htmlとunder_menu.htmlとunder_menu02.htmlを編編集してください。
(↑このへんの意味が、よくわからないかたは、フォルダ内の
side_menu.htmlとlinks_side_menu.htmlとunder_menu.htmlとunder_menu02.htmlは、いじらないほうがいいと思います。)
※ Ver.2.0から仕様が変わりました。
以前のバージョンでは、HTMLページで高さを変更していたインラインフレーム部分ですが、スタイルシート側で変更できるようにしました。
この変更により、前バージョンでは、あとで高さを変更する場合HTMLページを１ページずつ変更しなければいけませんでした。
新バージョンでは、すべてのインラインフレーム（ヘッダー、フッター、サイドメニュー、アンダーメニュー）の大きさが自由に変更できるようになっております。
つまり、コンテンツが増えてきて「サイドメニューの高さを大きくしたい」というときも簡単に変更できるようになるということです。
↑このへんの意味が分からない方は、標準のまま使いましょう。
この仕様の変更に伴い、以前のバージョンのHTMLページと混ぜて使うと、うまく表示されない場合がありますのでご注意ください。
【注意】
このテンプレートセットでは、インラインフレーム内で表示される
header.htmlとfooter.htmlとside_menu.htmlとlnks_side_menu.htmlとunder_menu.htmlとunder_menu02.html をプレビューすると、同一フォルダ内にあるindex.htmlが表示されるスクリプトが含まれております。 検索エンジンが、このページを拾った場合、インラインフレーム内のページを開かないようにする為です。 必要ないかたは、ページの編集画面で、以下の部分を削除してください。
<SCRIPT language=JavaScript>
<!--
if(parent.location == location) location = "index.html";
//-->
</SCRIPT>
<!--
if(parent.location == location) location = "index.html";
//-->
</SCRIPT>
.
ワンポイント
z_box○○枠セットの使い方。
3種類の文字を書く枠があります。
タイトルとその下の本文を書く上下で１セットです。
それぞれの違いは、↓こうなります。
3種類の文字を書く枠があります。
タイトルとその下の本文を書く上下で１セットです。
それぞれの違いは、↓こうなります。
z_boxセット ここから
z_box-title
z_box
文字がサイズが可変(パーセント指定)、又は、z_box02枠セットに比べて若干文字サイズ大きめのデザインですので、長文になりがちな、子のページの本文を書くのに適しています。
2カラムページの本文で使うように設定してあります。
z_boxセット ここまで文字がサイズが可変(パーセント指定)、又は、z_box02枠セットに比べて若干文字サイズ大きめのデザインですので、長文になりがちな、子のページの本文を書くのに適しています。
2カラムページの本文で使うように設定してあります。
z_box02セット ここから
z_box-title02
z_box02
文字のサイズが固定になっていますのでレイアウトが崩れにくい枠セットです。
3カラムページの本文で使うように設定してあります。
メニューの多いトップページやレイアウトが崩れてほしくないページに使うのに適しています。
z_box02セット ここまで文字のサイズが固定になっていますのでレイアウトが崩れにくい枠セットです。
3カラムページの本文で使うように設定してあります。
メニューの多いトップページやレイアウトが崩れてほしくないページに使うのに適しています。
z_menu_boxセット ここから
z_menu_boxセット ここまで
boxセットを、ページに追加するときは、マウスで「ここから」「ここまで」を選択後、コピペしてから、必要ない「改行や文字」を削除すると簡単です。
z_box-title02
z_box-title02
z_box-title02
z_box-title02
z_box-title02
z_box-title02
このように、boxの中にboxが入って、
入れ子にならないように注意してください。
入れ子にならないように注意してください。
文字スタイル
文字スタイル
管理人が使っているテンプレートは、文字のスタイルを増やして使っています。
■文字にスタイル適用
太字 太字 太字 太字 太字 太字 太字 太字 太字 太字 太字 太字 太字
斜体 斜体 斜体 斜体 斜体 斜体 斜体 斜体 斜体 斜体 斜体 斜体 斜体
アンダーライン アンダーライン アンダーライン アンダーライン アンダーライン
打ち消し線 打ち消し線 打ち消し線 打ち消し線 打ち消し線 打ち消し線 打ち消し線
ストロング ストロング ストロング ストロング ストロング ストロング
■枠にスタイルを適用
※u_waku_img は、画像に適用するスタイルですので余白は無しです。
←透明スペーサー画像に u_waku_img を適用した例
【使用例】
Webデザイナーじゃないんだから、いいじゃないかと開き直ってみませんか(笑)
取引先の会社から「今度、当社でもホームページを作ろうと思うのですが、どうやって作るのかしってます？」と尋ねられたのが始まりでした。
上司に「橘課長なんとかならんかね、これが取引拡大のチャンスかもしれんのだよ！しれんのだよ！」と、しれんのだよを２回連続で脅され。 ここで、「できません」とあっさり答えてしまうと、後ろから優しく肩を叩かれ「お疲れ様、今日まで頑張ってくれてありがとう」とリストラ街道まっしぐらの暗い未来予想図が前頭葉の奥深くによぎり、「わかりました、やってみましょう！」と無責任に答えてしまったものの、ワープ...
基本的にニャンコボタンで文字に装飾しますが、下線、太字、斜体、打消し線タグ等を使用したときのスタイルは、普通にビルダーの編集で
B←太文字、I←斜体、U←下線、S←打ち消し線、S←ストロング、
ボタンを使うだけでスタイルが適用されます。
| 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デザイナーじゃないんだから、いいじゃないかと開き直ってみませんか(笑)
取引先の会社から「今度、当社でもホームページを作ろうと思うのですが、どうやって作るのかしってます？」と尋ねられたのが始まりでした。
上司に「橘課長なんとかならんかね、これが取引拡大のチャンスかもしれんのだよ！しれんのだよ！」と、しれんのだよを２回連続で脅され。 ここで、「できません」とあっさり答えてしまうと、後ろから優しく肩を叩かれ「お疲れ様、今日まで頑張ってくれてありがとう」とリストラ街道まっしぐらの暗い未来予想図が前頭葉の奥深くによぎり、
基本的にニャンコボタンで文字に装飾しますが、下線、太字、斜体、打消し線タグ等を使用したときのスタイルは、普通にビルダーの編集で
B←太文字、I←斜体、U←下線、
ボタンを使うだけでスタイルが適用されます。
z_box-title02
しがないホームページ作成支援のサイトです(笑)
枠の中で２列にするときは、テーブルを使うと簡単です。(まんなかの、セルの巾10ピクセル例)
枠の中で２列にするときは、テーブルを使うと簡単です。(まんなかの、セルの巾10ピクセル例)
| 左側 ここで、「できません」とあっさり答えてしまうと、後ろから優しく肩を叩かれ「お疲れ様、今日まで頑張ってくれてありがとう」とリストラ街道まっしぐらの暗い未来予想図が前頭葉の奥深くによぎり、「わかりました、やってみましょう！」と無責任に答えてしまったものの、ワープ... |
右側 ここで、「できません」とあっさり答えてしまうと、後ろから優しく肩を叩かれ「お疲れ様、今日まで頑張ってくれてありがとう」とリストラ街道まっしぐらの暗い未来予想図が前頭葉の奥深くによぎり、「わかりました、やってみましょう！」と無責任に答えてしまったものの、ワープ... |
z_box-title
z_box
各ページの枠セット最下部には、インラインフレームでアンダーメニューが入れてあります。 使い方は、関連記事へのリンクやランキングサイトへのリンク等を入れると便利ですよー。
↓ここにアンダーメニューがあります。under_menu.html
各ページの枠セット最下部には、インラインフレームでアンダーメニューが入れてあります。 使い方は、関連記事へのリンクやランキングサイトへのリンク等を入れると便利ですよー。
↓ここにアンダーメニューがあります。under_menu.html
main
br
main_box