FancyForms, mejorando el aspecto de tus formularios

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