ポップアップ風メールフォーム(type-S/type-C)が共有プラグインに登録されました。(2007/10/26)
- ポップアップ風メールフォーム(type-S/type-C)更新履歴
- ポップアップ風メールフォームについて
- 主な機能・仕様
- type-Sのサンプル
- type-Cのサンプル
- 事前設定と変更方法
├ 新管理画面の場合
└ 旧管理画面の場合
- 注意事項
Update History
【ポップアップ風メールフォーム(type-S/type-C)更新履歴】
- 2007-10-28
- コピーライト・作者リンク表示部分を微修正。
- 10/28以前にDLされた方は再DL推奨。または、
<!--▼ コピーライト・作者リンク ▼-->~<!--▲ コピーライト・作者リンク ▲-->
を以下のHTMLと差し替えてください。
- 2007-10-26
- ポップアップ風メールフォーム(type-S/type-C)公開。
(旧)ポップアップ風メールフォームをお使いの方(9/19以前にダウンロードされた方)は、お手数ですが再ダウンロードをお願いします。
■(旧)ポップアップ風メールフォーム更新履歴
- 2007-9-19
- 不具合のため公開中止。
JavaScript無効時にブログを閲覧すると、ブログレイアウトの崩れがあったため共有プラグインから登録削除。
- 2007-8-14
- 一部ブラウザで表示が異なっていた箇所を修正・変更。
- 2007-8-9
- ポップアップ風メールフォーム公開。
(旧)ポップアップ風メールフォームは、共有プラグイン「
第四のカラム」をアレンジさせていただき作成したのですが、
JavaScript無効時にブログを閲覧すると、
※1一部を除くテンプレートでブログレイアウトが崩れる不具合がありましたので、ソースを全て見直し、新たにポップアップ風メールフォームを作成しました。
また、JavaScript無効時にもメールフォームが表示されるなど、仕様も変わりましたので、
9/19以前にDLされた方はお手数ですが再DLをお願いします<(_ _*)>
※1全てのテンプレートで確認してませんが、tableタグで構成されたテンプレートはJavaScript無効時でも表示が崩れないようです。
以下、(新)ポップアップ風メールフォーム作成にあたり参考にさせていただいたページです。
★FC2ブログ ユーザーフォーラム
⇒
折り畳みのカスタマイズ
⇒
メールフォーム以外でメール機能を設置する方法
【ポップアップ風メールフォーム(type-S/type-C)の主な機能・仕様】
■メールリンクをクリックすると、ポップアップ(別窓)風のメールフォームがあらわれます。サイドバーの縦幅をとらないので、すっきりコンパクトにメールフォームが設置できます。サイドバーの横幅が狭くてメールフォームを設置しづらいテンプレートにもおすすめです。(JavaScript有効時)
■メールリンク[メールはこちら]を文字表示orボタン表示から選べます。
■メールリンク下に折りたたみ開閉式のメールフォームを装備。(JavaScript有効時)
■JavaScript 未対応ブラウザや設定がオフの状態でもメールフォームを表示できるようにしました。
■窓の表示位置・サイズや色・メッセージなど、自由にカスタマイズOK♪
■type-Sは、お使いのテンプレートのフォーム・ボタン・スクロールバー・フォントの設定が反映されますので、背景や枠線、文字をお使いのテンプレートと同じ配色にするだけでもブログの雰囲気とマッチするかと思います。
<< type-Sのサンプル >>
※下のメールリンクをクリックして、ココに[type-S]のサンプル(別窓)が
表示されない場合は上部or下部をご覧ください。
■type-Cは、フォーム・ボタン・スクロールバー(IEのみ)・フォントの設定が変更可能ですので、より自分ナイズにアレンジできます。
<< type-Cのサンプル >>
※下のメールリンクをクリックして、ココに[type-C]のサンプル(別窓)が表示されない場合は上部or下部をご覧ください。
※このプラグインを使用するにあたって少しだけ準備と変更していただきたい部分がありますので、以下の手順のとおり設定してからお使いください。
【事前設定と変更方法】
▽新管理画面の場合▽
(1)環境設定の【プラグインの設定】⇒【PC用 公式プラグイン】⇒[メールフォーム]を追加。
※すでに公式メールフォームをDLしている場合は(2)の手順へ。
(2)プラグイン管理画面の[メールフォーム]の【詳細】⇒アドレスバーに表示されている数字(#####)をメモする。(※数字は5桁以外の場合もあります)
例)→http://blog#.fc2.com/control.php?
mode=plugin&process=edit&no=#####
(3)このプラグイン[ポップアップ風メールフォーム]の【詳細】⇒[ポップアップ風メールフォームの編集]の【HTMLの編集】⇒<!--▼ メールフォームのHTML ▼-->~<!--▲ メールフォームのHTML ▲-->の下から3行目の"ここに数字"に(2)でメモしておいた数字を置き替える。(※全部で3箇所あります)
(4)[メールフォーム]の【詳細】⇒表示の設定で「表示しない」に変更。
※重要※ (1)でダウンロードした公式メールフォームのプラグインは削除しないでください。
★[メールはこちら]のリンク表示方法(文字表示orボタン表示)を選んだら、不要なメールリンクとスクロール部分は削除してください。
▽旧管理画面の場合▽
(1)環境設定の【プラグインの設定】⇒【プラグインの追加[公式]】⇒【その他プラグイン】⇒[メールフォーム]を追加。
※すでに公式メールフォームをDLしている場合は(2)の手順へ。
(2)[メールフォーム]の【HTMLの編集】⇒アドレスバーに表示されている数字(#####)をメモする。(※数字は5桁以外の場合もあります)
例)→http://blog#.fc2.com/xxxxx/admin.php?
mode=editplugin&action=html&no=#####
(3)このプラグイン[ポップアップ風メールフォーム]の【HTMLの編集】⇒<!--▼ メールフォームのHTML ▼-->~<!--▲ メールフォームのHTML ▲-->の下から3行目の"ここに数字"に(2)でメモしておいた数字を置き替える。(※全部で3箇所あります)
(4)[メールフォーム]の【設定の変更】⇒表示の設定で「表示しない」に変更。
※重要※ (1)でダウンロードした公式メールフォームのプラグインは削除しないでください。
★[メールはこちら]のリンク表示方法(文字表示orボタン表示)を選んだら、不要なメールリンクとスクロール部分は削除してください。
【※注意事項※】
■以下の環境で表示・動作確認済みですが、テンプレートによっては表示が異なったり、レイヤー(別窓)が正しく表示・動作できない場合があります。
-----------------------------------
□Windows XP
・Internet Explorer 6
・Firefox 2.0.0.7
・Netscape 7.1
・Opera 9.21
・Safari 3.0.3
-----------------------------------
■ポップアップ風メールフォーム(レイヤー表示部分)がflashやプルダウンなどと重なった場合、窓が下に表示されてしまうので重ならない場所に設定してください。
■(!)このプラグインの使用により発生した如何なる問題について当方は一切の責任を負いません。自己責任でご利用ください。また不具合については、可能な限り改善する努力はしますが修正の義務は負いません。
とまぁ、カタイコトも書いちゃってますが(^^;)ご自由にカスタマイズしてご活用くださいませ♪
HTML、スクリプトに関して知識はあまりありませんので、対応できない可能性アリアリですが(スミマセン。。。)質問・ご意見等あれば、この記事にコメください。
※レスが遅れる場合があります。ご了承ください<(_ _*)>