Formulier opmaken

Rolf · **Posted:** Fri Apr 20, 2012 10:54 am

Een eerste opzet voor een tutorial om formulieren te stylen.
Hierbij een aantal voorbeelden voor een FormBuilder formulier met de class "formbuilder" kan dus ook "contactform" of "guestbook" zijn...
Een class toevoegen is hier noodzakelijk, want anders zou deze kunnen botsen met bijvoorbeeld een formulier voor FrontEndUsers of andere modules.

Code:

.formbuilder fieldset {
}
.formbuilder form {
}
.formbuilder input {
}
.formbuilder input:hover {
}
.formbuilder input[type="button"] {
}
.formbuilder input[type="checkbox"] {
}
.formbuilder input[type="email"] {
}
.formbuilder input[type="file"] {
}
.formbuilder input[type="option"] {
}
.formbuilder input[type="radio"] {
}
.formbuilder input[type="submit"] {
}
.formbuilder input[type="text"] {
}
.formbuilder label {
/*width: 250px;
float: left;*/
}
.formbuilder legend {
}
.formbuilder optgroup {
}
.formbuilder select {
}
.formbuilder textarea {
}

Code:

.guestbook fieldset {
}
.guestbook form {
}
.guestbook input {
}
etc.
etc.

Code:

.feu fieldset {
}
.feu form {
}
.feu input {
}
etc.
etc.

Als ik een keer tijd en zin heb dan zal ik dit uitwerken en aan Stikki mailen zodat hij dit (als hij dat wil) kan toevoegen aan FormBuilder zelf.

Have fun,

Rolf

Johnvp · **Joined:** Wed Apr 11, 2012 5:42 pm **Posts:** 7

Ben heel benieuwd naar de beschrijving om dit binnen mijn cmsms site te gebruiken.
(Compliment voor het design van de site "Smakelijk eten zonder zout")

MvG,

John

Formulier opmaken

Who is online