jQuery UI ThemeRoller

Introducción a ThemeRoller

ThemeRoller es una aplicación web que proporciona una interfaz intuitiva para diseñar y descargar temas personalizados para jQuery UI. Puedes visitarjQuery UI ThemeRollerpara personalizar el tema.

jQuery UI ThemeRoller, de Boston,Filament Group, Incfue diseñado y desarrollado.

Interfaz de ThemeRoller

La interfaz de ThemeRoller se divide en diferentes paneles: configuración global de fuentes y radio de bordes, estilos de contenedor de widgets, estados de interacción de elementos clicables, y varios estilos de superposición y sombras. Estos paneles permiten configurar varias propiedades CSS como tamaño de fuente, color, peso, color de fondo y textura, color de borde, color de texto, color de iconos, radio de bordes, etc.

Galería de temas: temas prediseñados

Los temas de ThemeRoller se pueden ver a través de URL de enlace permanente, e incluye algunos temas prediseñados para elegir. Se puede acceder a la Galería de temas mediante la barra de pestañas en la parte superior de la interfaz de la aplicación. Desde la Galería, puedes previsualizar y descargar temas, e incluso seleccionar un tema y luego cambiar a la pestaña 'Roll Your Own' para ajustarlo.

Descargar tema

Cuando hayas terminado de diseñar tu tema, puedes descargarlo para usarlo en tu proyecto. ThemeRoller tiene un botón 'Download theme' en la parte superior que genera un archivo zip que contiene todos los archivos relacionados con el tema. Las imágenes en el archivo descargado se generan según tus especificaciones y se guardan como archivos PNG de alta calidad.

Tu tema incluirá imágenes y CSS que forman una versión personalizada del framework CSS de jQuery UI, que contiene imágenes y CSS para todos los plugins.

Instalar el tema descargado en tu proyecto

Una vez descargado el tema, al descomprimirlo, verás una carpeta llamadathemesLa carpeta incluye el CSS y las imágenes necesarios para el tema. Copia la carpeta del tema en tu proyecto y enlaza en la página elthemes/all.cssarchivo.

Crear componentes personalizados 'ThemeRoller-Ready'

ThemeRoller genera una versión personalizada del framework CSS de jQuery UI para desarrollar tus propios componentes jQuery compatibles con ThemeRoller. Las clases generadas por este framework están diseñadas para proporcionar situaciones de diseño de interfaz de usuario comunes, incluyendo estados, iconos y varias clases auxiliares.

Para obtener más información sobre el desarrollo del framework CSS de jQuery UI, consultala documentación de la API de tematización。