custom

アンケート表示のカスタマイズについて

作成したアンケートは見た目の表示カスタマイズが可能です。

htmlやスタイルシートの調整が可能な環境であれば、下記のような調整が可能です。


例1:グラフの横幅を変える

websurveyで作成したアンケートは、横幅を表示領域の100%で描画するように作成されています。

その為、<div>~<div>で囲う等して表示領域を指定し、サイズ設定する事でお好みの横幅(とそれに合わせた縦のサイズ)にする事ができます。


 html

 <div class="honyarara">~</div>

 css

  .honyarara{

   width: xxxpx;

 }


こんな感じです。

例えば当サイトでのsampleは横650px、縦600pxで設定していたりします。


例2:アンケートタイトルのフォントを変える

websurveyで作成したアンケートでは、アンケートタイトルのフォントタイプも変更する事ができます。

こちらもグラフの横幅を変える時と同様に<div>~<div>で囲う等して、お好きなフォントタイプを設定する事で実現できます。


 html

 <div class="honyarara">~</div>

 css

  .honyarara{

    font-family: 'ほにゃらら',honyarara;

 }


こんな感じです。

例えば当サイトのサンプルでは「メイリオ」というタイプのフォントを指定しています。


上記は一例ですので、スタイルシートを上手く利用してお好みの見た目にカスタマイズしてご利用ください。



以上。

Social Links

Link

Glab

Template by Blacktie Mezzanine theme by CodingHouse