タブスイッチスクリプトのサンプル

このプログラムの概要

これはサンプルですから、背景色が白色のこのエリア( <div class="tab-数字"> )は横幅1000pxという大きさになっていますが、サイズを小さくするのはCSSで自由に可能です。

また、このエリアにはどのようなHTML要素でも設置できます。
画像を設置してもOKですし、ulやdlのようなリスト要素を設置してもOKですし、その気になれば当サイトで配布しているレスポンシブ・メールフォームのようなプログラムを組み込むことも可能です。

というわけで、当サイトの各プログラムの紹介(宣伝)でもしようかと思います。
上部のタブメニューを切り替えてみてください。

「タブスイッチスクリプト」とはこのプログラムの名称です。
タブでスイッチ(切り替え)するため、そのような名称にしました。

ユーザーの人が既存サイトに組み込んだりする際にわかりやすいように、このサンプルではHTMLやCSSを最低限のものにしています。
ですので、上部にあるタブメニューはとても簡素なデザインになっています。
組み込みたいサイトの配色に合わせてご自由にCSSで装飾してください。

「スマホメニュースクリプト」はスマホ表示の際によくある3本線のアイコンからメニューを表示させるためものです。
とても簡単に既存サイトに組み込むことができます。

詳細やサンプルデモは以下からどうぞ。
https://www.1-firststep.com/archives/6169

「レスポンシブメールフォーム」は設置の手順が少ないのに、とても使い勝手の良いメールフォームプログラムです。
これも既存サイトに組み込みやすいように作られています。

詳細やサンプルデモは以下からどうぞ。
https://www.1-firststep.com/archives/462

「ビジネスカレンダー」は定休日や営業日を表示できるカレンダープログラムです。
それだけの機能なので、管理画面での操作法はとてもわかりやすくできているのが特長です。クライアントに操作法を教える必要がありませんからね。

詳細やサンプルデモは以下からどうぞ。
https://www.1-firststep.com/archives/3279

「レスポンシブBBS」は返信機能付きのBBSです。
見やすく・使いやすく、私が個人的に最も気に入っているプログラムです。

詳細やサンプルデモは以下からどうぞ。
https://www.1-firststep.com/archives/2934

「スレッド式BBS」は投稿ごとに個別のページ(URL)が割り当てられ、そのページ内にて返信投稿が表示される仕組みのBBSです。
当サイトのサポートBBSで使用しているものとだいたい同じです。

詳細やサンプルデモは以下からどうぞ。
https://www.1-firststep.com/archives/6609

「サポートBBS」はプログラムの設置作業で正常動作しない場合の質問や、ご意見・ご要望を書いたりするためのBBSです。
しかし、「返信がいつ来るかわからない」や「URLを公開する必要がある」、「カスタマイズに関する質問は対象外」などのデメリットもあります。

そのようなデメリットが嫌な場合は、有償メールサポートや設置代行サービスなどをご検討していただければ幸いです。(宣伝)。