Sin duda todo dise帽ador se encuentra en un inconveniente a la hora de realizar checkboxes y radio buttons ya que puede resultar bastante engorroso cambiar el dise帽o que viene por defecto, especialmente en los navegadores m谩s antiguos, lo que le quita bastante est茅tica al sitio.
FancyForm es un script realizado mediante CSS y Javascript, junto con distintas im谩genes, que nos da la posibilidad de cambiar este tedioso formato que tienen los checkboxes por otros que poseen un dise帽o m谩s interesante y bonito.
El resultado es muy atractivo y al hacer clic en cualquiera de las opciones cambia el estado de la misma y, por consiguiente, la imagen.
Hacer uso de esta aplicaci贸n es verdaderamente muy simple. S贸lo hay que descargarla y agregar el siguiente c贸digo en cualquier lugar del sitio:
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/moocheck.js"></script>
Y finalmente, para modificar como se ver谩n las cajas de verificaci贸n hay que agregar en las hojas de estilo CSS de tu sitio las clases 鈥渃hecked鈥 y 鈥渦nchecked鈥 para cuando est谩n seleccionas y deseleccionadas respectivamente, y para los c铆rculos de opci贸n hacer lo mismo con las clases 鈥渟elected鈥 y 鈥渦nselected鈥.
Ejemplo de casilla de verificaci贸n:
Me parece una herramienta que le dar谩 mucha clase y estilo a nuestras p谩ginas webs.
Haz clic aqu铆 para conocer FancyForm.
Martes, 22 de Julio de 2008 a las 11.26
Interesante aporte, gracias.