Frogx.Three » FancyForms, mejorando el aspecto de tus formularios... http://www.frogx3.com Blog de diseño con recursos para diseño y desarrollo web - Tutoriales, tips, snippets, iconos, recursos, plantillas Thu, 09 Feb 2012 20:00:11 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 FancyForms, mejorando el aspecto de tus formularios http://www.frogx3.com/2007/08/29/fancyforms-mejorando-el-aspecto-de-tus-formularios/ http://www.frogx3.com/2007/08/29/fancyforms-mejorando-el-aspecto-de-tus-formularios/#comments Wed, 29 Aug 2007 12:28:08 +0000 Jorge http://70.87.76.2/~frogx3/?p=154 01 0112 frogxthree FancyForms, mejorando el aspecto de tus formulariosFancyForms, 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

]]> http://www.frogx3.com/2007/08/29/fancyforms-mejorando-el-aspecto-de-tus-formularios/feed/ 0