FancyForms, es una axtension mas de MooTools que nos permite cuidar esos detalles ala hora del desarrollo dandole un aspecto mas de acuerdo al bosquejo que nos presenta el diseñador y darles un toque especial a tus formularios asi el usuario final se llevara una buena imagen de nuestro trabajo, ya que se vera cuidado, limpio y detallado, en la imagen pueden ver como son los checkbox y radios despues de aplicarles esta libreria.

La libreria solo pesa 3kb, como se aplica esto:

Incluir los script entre los heads en tu pagina:

<script type="text/javascript" src="js/mootools.1.11.js"></script>

<script type="text/javascript" src="js/fancyform.js"></script>

Y Crea el CSS para aplicarlo, ej. del css.

.demo label{display:block;padding:0.5em;padding-left:32px;background-position:8px center;background-repeat:no-repeat;border:1px solid #252525;clear:both;cursor:pointer}

.checked{background-color:#222;background-image:url(chk_on.png)}

.unchecked{background-color:#1c1c1c;background-image:url(chk_off.png)}

.selected{background-color:#222;background-image:url(rdo_on.png)}

.unselected{background-color:#1c1c1c;background-image:url(rdo_off.png)}

Ver Demostracion

Ir a Descargar

via Anieto2k