Para darle estilo al elemento, CSS debería ser suficiente. Pero, bueno, no es suficiente en términos de accesibilidad. Presentamos EasyDropDown.js, un plugin de jQuery gratuito para cubrir todos esos defectos.
EasyDropDown.js puede personalizar fácilmente el elemento de select antigua en su página web con muchas características. Después de la elemento se ha aplicado con este complemento, obtendrá control completo del teclado con búsqueda textual. Esta herramienta también proporciona un desplazamiento interno para los elementos en listas largas para limitar el tamaño del cuadro desplegable. La forma y la validación están disponibles también, lo que ayuda con la compatibilidad.
Instalación
Para instalar EasyDropDown, primero incluya la biblioteca jQuery en su página web. Asegúrate de incluir también el javascript (obténgalo aquí) así:
Y su archivo CSS dentro de la etiqueta principal:
.. ..
Si está usando otro tema, asegúrese de copiar los archivos dentro de su carpeta web. No se preocupe, ya que no necesita incluirlos en el HTML para llamarlos.
Diseñando el Select
Al usar EasyDropDown.js, puede crear un menú desplegable personalizable con un marcado semántico limpio. Los elementos select se pueden diseñar solo en HTML. Puede desactivar el elemento, definir una opción seleccionada o agregar una etiqueta fácilmente .
Para darle un estilo, primero debe incluir una clase dropdown en las etiquetas. Se puede agregar una label dando una clase de label dentro de la opción. Aquí está el marcado básico:
Eso es todo, no necesitas ningún javascript personalizado para agregar. Ahora el pésimo y pasado de moda se ha convertido en una hermosa y elegante entrada desplegable.
Si desea agregar una opción preseleccionada simplemente entregue su menú desplegable con el atributo selected . Recomendamos no utilizar etiquetas con esta configuración ya que el valor seleccionado anulará la etiqueta .
... ...
También puede desactivar el menú desplegable utilizando el atributo disabled manera:
...
Listo para usar temas
EasyDropDown.js viene con 2 temas más listos para usar: Metro y Flat . Para usar los temas, puede utilizar el data-attribute HTML5.
Dentro de etiqueta, llame data-settings='{"wrapperClass":"theme-name"}' para aplicar otro tema. Siéntase libre de cambiar el theme-name del theme-name con los nombres de tema disponibles: metro o flat . Aquí está el ejemplo:
...
Además de wrapperClass, hay más configuraciones que puede agregar, consulte la página de documentación para obtener más información. Si está satisfecho con el código de JavaScript, puede ver el tutorial allí.
La parte más delicada de la incrustación de videos es corregir el ancho y la altura. Estos números definen la relación de aspecto y cuando están apagados obtendrás un reproductor de video wonky .Esto es cierto para todos los elementos incrustados, como iframes y widgets de redes sociales. Y estas cosas pueden ser incluso más complicadas con un diseño receptivo porque generalmente no son elementos receptivos .Pero co
Los hashtag son un aspecto importante de la estrategia de las redes sociales. Ayudan a organizar conversaciones sobre un tema, crean una visión masiva para que los especialistas en marketing entiendan qué impulsa las acciones y los "me gusta" de los usuarios, y pueden convertirse en una palanca para permitir la influencia de la marca.L