忍者アンケートフォームサンプル

・簡単設定では、各部分を選択していく事で簡単にテンプレートを作成できます。
・CSS編集では、CSSソースを直接書き換える事で編集が可能です。

簡単設定 CSS編集

全体の設定を行います

全体の設定

行揃え位置

横幅

px
※半角文字で120px～500pxの間で設定

背景色

背景画像

有り無し

背景画像の固定

背景画像の位置

背景画像の繰り返し

外側の余白

px

余白

px

ボーダーの太さ

px

ボーダー色

ボーダーのスタイル

タイトル部分の設定

背景色

外側の余白

px

余白

px

ボーダーの太さ

px

ボーダー色

ボーダーのスタイル

文字色

文字のサイズ

px

文字の書体

フォントの太さ

行揃え位置

質問部分の設定

背景色

外側の余白

px

余白

px

ボーダーの太さ

px

ボーダーの色

ボーダーのスタイル

文字色

文字のサイズ

px

文字の書体

行揃え位置

答え全体の設定

背景色

外側の余白

px

余白

px

ボーダーの太さ

px

ボーダーの色

ボーダーのスタイル

行揃え位置

各答えごとの設定　

背景色

外側の余白

px

余白

px

ボーダーの太さ

px

ボーダーの色

ボーダーのスタイル

文字色

文字のサイズ

px

文字の書体

投票ボタンエリアの設定　

外側の余白

px

余白

px

ボーダーの太さ

px

ボーダーの色

ボーダーのスタイル

行揃え位置

投票ボタンの設定　

外側の余白

px

余白

px

ボーダーの太さ

px

ボーダーの色

ボーダーのスタイル

文字色

文字のサイズ

px

文字の書体

行揃え位置

結果ページへのリンクエリアの設定

外側の余白

px

余白

px

ボーダーの太さ

px

ボーダーの色

ボーダーのスタイル

文字色

文字のサイズ

px

文字の書体

行揃え位置

リンク文字のスタイル（未訪問）

文字色

フォントの太さ

フォントのスタイル

フォントの装飾　

リンク文字のスタイル（訪問済み）

文字色

フォントの太さ

フォントのスタイル

フォントの装飾　

リンク文字のスタイル（マウスオーバー時）

文字色

フォントの太さ

フォントのスタイル

フォントの装飾　

リンク文字のスタイル（選択した時）

文字色

フォントの太さ

フォントのスタイル

フォントの装飾　

@charset "utf-8"
/* ---------------------------------------- 
表示位置部分
 ---------------------------------------- */
/* IE用 */ 
.enquete_preview { 
text-align: center; 
}  
@charset "utf-8"
/* ---------------------------------------- 
表示位置部分
 ---------------------------------------- */
/* IE用 */ 
.enquete_preview { 
text-align: center; 
}  
/* IE以外 */ 
.alignDiv { 
width:180px; 
margin-right: auto; 
margin-left: auto; 
} 
/* ---------------------------------------- 
全体枠部分 
---------------------------------------- */ 
.bodyDiv { 
background-color: #FFFFFF; 
background-image: url(); 
background-repeat: no-repeat; 
background-attachement: fixed; 
background-position: left top; 
margin: 0px; 
padding: 5px; 
border-width: 1px; 
border-color: #000000; 
border-style: solid; 
} 
/* ---------------------------------------- 
 タイトル部分 
---------------------------------------- */ 
.titleDiv { 
color: #000000; 
font-size: 12px; 
font-family: sans-serif; 
font-weight: normal; 
background-color: #FFFFFF; 
text-align: left; 
margin: 0px; 
padding: 5px; 
border-width: 1px; 
border-color: #000000; 
border-style: none; 
} 
/* ---------------------------------------- 
質問部分 
---------------------------------------- */ 
.questionDiv { 
color: #000000; 
font-size: 12px; 
font-family: sans-serif; 
background-color:#FFFFFF; 
text-align: left; 
margin: 0px; 
padding:  5px; 
border-width:  1px; 
border-color:  #000000; 
border-style:  none; 
} 
/* ---------------------------------------- 
 答え全体枠部分 
---------------------------------------- */ 
.answerDiv { 
background-color:  #FFFFFF; 
text-align:  left; 
margin:  0px; 
padding:  5px; 
border-width:  1px; 
border-color:  #000000; 
border-style:  none; 
} 
/* ---------------------------------------- 
 答え部分 
---------------------------------------- */ 
.answerSubDiv { 
color: #000000; 
font-size: 12px; 
font-family: sans-serif; 
background-color: #FFFFFF; 
margin: 0px; 
padding: 5px; 
border-width: 1px; 
border-color: #000000; 
border-style: none; 
} 
/* ---------------------------------------- 
送信ボタン部分 
---------------------------------------- */ 
.submitDiv { 
text-align: left; 
margin: 0px; 
padding: 5px; 
border-width: 1px; 
border-color: #000000; 
border-style: none; 
} 
.submitButtonDiv { 
color: #000000; 
font-size: 12px; 
font-family: sans-serif; 
text-align: center; 
margin: 0px; 
padding: 5px; 
border-width: 1px; 
border-color: #000000; 
border-style: none; 
}
/* ---------------------------------------- 
 結果部分 
---------------------------------------- */ 
.resultDiv { 
color: #000000; 
font-size:12px; 
font-family: sans-serif; 
text-align: left; 
margin: 0px; 
padding: 5px; 
border-width: 1px; 
border-color: #000000; 
border-style: none; 
} 
.resultDiv a:link { 
color: #000000; 
font-weight: normal; 
font-style: normal; 
text-decoration: underline; 
} 
.resultDiv a:visited {  
color: #000000; 
font-weight:normal; 
font-style: normal; 
text-decoration: underline; 
} 
.resultDiv a:hover { 
color:#000000; 
font-weight: normal; 
font-style: normal; 
text-decoration: underline; 
} 
.resultDiv a:active { 
color: #000000; 
font-weight: normal; 
font-style: normal; 
text-decoration: underline; 
}

ポップアッププレビューは、位置を自由に動かす事が可能です。

「Drag here!!」をドラッグして見やすい位置に移動させてください。
元の位置に戻したい場合は、右上のをクリックして下さい。

忍者アンケート検索

タグクラウド

猟団アンケート BBS ブログ必要・不必要サイト

PR