Optimiza tus imágenes gratis sin perder calidad y mejora la velocidad de tu página web: Compresor de Imágenes JPG/PNG/GIF

Modifica el diseño de los Selects usando CSS

selects personalizados

Los diseños de paginas web cada vez son mas personalizados, el uso de imágenes de gran tamaño, efectos visuales y de animación que ahora permite CSS3 sin necesidad de scripts extras, el uso de funciones asincronicas, ajax, canvas, webfonts, en fin una gran cantidad de cosas que hace 5 años nadie utilizaba y ahora son algo muy común en los diseños web.

Pero uno de los diseños que ha tardado mas en cambiar es el diseño de los elementos del formulario, son muy pocos los diseñadores web que se atreven a utilizar diseños personalizados para los Selects, Checkbox y Radio Buttons en particular pues los navegadores no ofrecen opciones de personalización en su soporte, sin embargo con el uso de CSS y JavaScript todo es posible.

El siguiente enlace incluye un breve manual y un paquete con scripts CSS y JavaScript que te permitirán personalizar los elementos Selects de tu formulario para dejar de ser elementos toscos que no cuadren con tu diseño sin necesidad de crear tediosas funciones usando Div’s y Javascript, eso ya quedo en el pasado.

Enlace para descargar los archivos de ejemplo | Demo

comment ¿Que opinas?

Artículos recientes

close

N64 Mini, el nuevo vende-nostalgia de Nintendo llegaría en 2018

Nintendo sigue en pie con su estrategia de vender nostalgia al público; su último intento fue el SNES Mini, el cual, puede decirse pasó desapercibido en comparación de su primer intento; el NES Mini. Una…

close

play_circle_outline Hey Arnold: The Jungle Movie estrena su primer trailer

Hey! Arnold The Jungle Movie es la película de una de las series más queridas y representativas de Nickelodeon en los 90’s; este primer trailer nos muestra como los personajes de la serie muestran agradecimiento…

close

33 vídeos que enseñan como usar photoshop para principiantes

En Petapixel han realizado una recopilación un tanto interesante que te será útil si buscas aprender Photoshop; esta herramienta de diseño primordial y básica para aquellos que incursionan en el mundo del diseño gráfico. Este…

close

Google Street View te lleva al espacio con un mapping de la ISS

Todos conocemos Google Street View; ésa magnífica tecnología que nos permite conocer el mundo sin movernos del ordenador; y que la mayoría ocupa para ver su propia casa desde su computadora; ha recibido un añadido…

close

11 Cualidades que caracterizan a las personas productivas

El día de hoy quiero compartir con ustedes una infografía creada por el sitio web Entrepreneu; el cual, ha creado una lista de 11 actividades que las personas “súper productivas” realizan diferente a las personas…

close

Divertidas fotografías de animales que parecen posar para su nuevo album

En BoredPanda han recopilado alguna fotografías que nos sacarán una sonrisa; las cuales, están centradas en diversos grupos de animales que parece que posan para la portada de su nuevo álbum musical. Estas divertidas fotografías…

notifications Recién publicamos
close