contact  お問い合わせ

フォーム設置

フォームはphpで自作してみたが、セキュリティから考えてXサーバーのサーバーパネルから設置したものを使用。

iframeでページ内にフォームを読み込む

iframe src= でフォームのurlを読み込み、htmlでdiv idを設定し、cssでwidth: 100%; height: 800px; border: none;を記述。

スクロールバーがなかなか消えなかったので、iframe src="(メールフォームのurl記述)" scrolling="no" frameborder="no"とhtmlに記述。

Xサーバの設定を変更

幅と見出しの色等を編集画面で変更設定した。

iframe内からhomeに戻るリンクがあるので必ず target="_top"を書き足す!しかも入力・確認・完了の3つの画面に入力しないといけない。

枠線が目立っていたので「自作スキン」の設定でcssを直接変更した。ずっと下の方の/*メインコンテンツの#wrapperについて、
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); background : #ffffff; border-left : 1px solid #b3b3b3 ; border-right : 1px solid #b3b3b3 ; border-bottom : 1px solid #b3b3b3 ;
を全て削除した。