Latest web development tutorials

jQuery UI ThemeRoller

ThemeRoller Perfil

ThemeRoller es una aplicación web para el diseño y la descarga de temas personalizados de interfaz de usuario jQuery proporciona una interfaz intuitiva. Puede acceder a la interfaz de usuario jQuery ThemeRoller personalización de apertura.

jQuery UI ThemeRoller por el Boston Grupo de filamento, Inc diseñado y desarrollado.

logo ThemeRoller

interfaz ThemeRoller

ThemeRoller interfaz se divide en diferentes paneles, cada panel son la configuración de fuente y de radio a nivel mundial, el estilo contenedor del widget, elementos seleccionables de estado interactiva, y cubre una gran variedad de estilos y sombras. El panel le permite configurar varios atributos CSS como el tamaño de fuente, color, peso, color y textura del fondo, el color del borde, color de texto, icono de color, radio, y así sucesivamente.

Pabellón temático (Galería): temas prediseñados

tema ThemeRoller por Permalink URL para su visualización, que contiene una serie de temas prediseñados para elegir. Pabellón temático (Galería) se puede acceder a través de la interfaz de la aplicación se encuentra en la parte superior de la barra de pestañas. Desde el pabellón temático (Galería), puede previsualizar y descargar el tema, incluso se puede elegir un tema, y ​​luego cambiar a la "hágalo usted mismo" ficha para ajustar.

Descargar el tema

Cuando haya terminado de diseñar el tema, puede descargar temas para su uso en el proyecto. ThemeRoller En la parte superior hay un "Descargar el tema (descargar el tema)" botón, puede generar un archivo zip que contiene todos los archivos relacionados con el tema. Descarga se genera el archivo de imagen de acuerdo a sus especificaciones y guardarlo como archivos PNG de alta calidad.

Sus temas incluyen imágenes y CSS, que formaron una versión personalizada del marco jQuery UI CSS contiene todas las imágenes widget y CSS.

De acuerdo con el tema descargado en el proyecto

Una vez que haya descargado el tema, descomprimir, verá un archivo llamado themes archivos. Esta carpeta contiene imágenes CSS y el tema. Copiar la carpeta de temas a su proyecto, y un enlace en la página de themes/all.css archivo.

Crear personalizado "ThemeRoller-Ready" componente

ThemeRoller Listo BannerThemeRoller Listo Banner

ThemeRoller genera una versión personalizada marco jQuery UI CSS para el desarrollo de sus propios componentes jQuery ThemeRoller listo. Marco creado por esta clase está diseñada para proporcionar un diseño de interfaz de usuario común, incluyendo el estado, iconos, y varias clases auxiliares.

Para obtener más información sobre el desarrollo del marco jQuery UI CSS, ver la documentación de la API tematización .

enlace ThemeRoller