Shinichi Nishikawa's

Google Formの背景を変更したりcssでカスタマイズする方法

Googleのフォームの背景色を変えて、ブログやサイトになじませる方法です。他にも、フォントのcolorなどを変更できます。

方法は簡単で、iframeのsrc要素の最後にパラメータを付けて実現できます。

もともと:
https://docs.google.com/spreadsheet/embeddedform?formkey=<ID>

カスタマイズ後:
https://docs.google.com/spreadsheet/embeddedform?formkey=<ID>&bc=f1f1f1&tc=666666&lc=0A8DC7&f=serif

ここでは、

にしています。

方法

サンプルです。

もともと:(このブログは背景が白なので、こちらのほうが馴染みますが。。)

カスタマイズ後:

*外枠の薄い線は、iframeの外側です。

言語指定のパラメータなどは、こちらでご確認を!
http://www.ryenats.org.uk/test-form.htm

モバイルバージョンを終了