2017-06-02 16 views
0

Googleフォームをウェブサイトに統合して、商品注文フォームとして使用しようとしています。私はフォームの必要な部分を取り除き、Googleアカウントに正常に提出しましたが、ウェブサイトに組み込まれている「お問い合わせ」フォームに一致するようにスタイルを設定します。私の質問は、どのように裸のGoogleフォームにスタイルパーツを統合するのですか?ウェブサイトへのGoogleフォームの統合

素敵なスタイルのhtml:https://codeshare.io/amOVOj

フォーマットされていないGoogleのフォーム:https://codeshare.io/5okVkp

ページはhttp://snotcloth.com/order.html

感謝です!

答えて

2

ラベル+入力レベルとコンテナのdiv(div)の両方に、フォームに余分なクラスを追加する必要があります。これにより、ウェブサイトの他のスタイル設定の影響を受けずに簡単にすべてのスタイルを配置しスタイルを設定できます。それからいくつかのCSSであなたは魔法をやることができます。

RES:理にかなっているhttps://www.w3schools.com/css/

+0

...私はを取り除くために、何を保つためにどのようなだけではわかりません!私はいくつかのMATX(ウェブサイトのテーマ)クラスをGoogleフォームに追加していますが、フォーマットは競合しているようです。 フォームを稼働させておくために必要な絶対的な骨のhtmlは何ですか?私が他のすべてを取り除くことができれば、既存のMATXクラスでフォーマットすることができるはずです –

+0

フォームから何も取り除かないでください(経験がない場合)、機能に影響する可能性があります。余分なクラスを追加し、あなたのウェブサイトのスタイリングに基づいてそれらを別々にそして手動で(最良の結果のために)スタイル付けするか、他の既存のクラスを使用することはできますが、依然として位置、行の高さ、フォントなどで作業しなければならないかもしれません。 – Stefan

+0

!私は今、それを試していて、いくつかの進歩を遂げています...私は、フォームをまだ正しく機能させているかどうかを確認するためにテストの投稿をやり続けます。これまでのところ、htmlのフォームの大半が缶詰にできるように思えます.... –

関連する問題