2010-02-26 10 views
12

¿Alguien conoce un proyecto/url que comparte temas compatibles con jQuery UI, que no se puede decir a primera vista son de ThemeRoller. Diferencia: diferentes iconos, estilos de pestañas, diálogos, etc., no solo la paleta de colores. Creo que tienes lo que quiero decir. ThemeRoller es agradable, pero sería aún mejor tener algunas alternativas visuales. Incluso 1 marcaría la diferencia :) Gracias de antemano.jQuery UI Temas que son totalmente diferentes de lo que proporciona ThemeRoller

+2

btw un simple botón de carga en http: // jqueryui.com/themeroller/resolvería todo el problema ... – pentarim

Respuesta

3

No, como todos los elementos anteriores se pueden personalizar en el archivo ui css. Normalmente lo entiendo, luego realizo los cambios necesarios en el código.

La manera más fácil que he encontrado para hacer esto es mediante el uso de Firebug, y ajustar las reglas CSS hasta que obtengo lo que estoy buscando. Luego guardo esos cambios en el archivo real (realmente fácil ya que firebug te da números de línea y nombres de clase).

EDITAR: De acuerdo con this forum posting, para trabajar con ie6, los iconos tienen que estar en un formato muy específico. El foro enumera el formato.

La buena noticia es que parece que es probable que pueda desarrollar algunos iconos personalizados en escala de grises, y simplemente volcarlos en el tema en el que está trabajando, o incluso tal vez reemplazar algunos de los íconos.

+0

No tengo problemas con la personalización de temas de stock, lo que me interesa son los temas personalizados descargables con conjuntos de iconos personalizados, etc. – pentarim

+0

Consulte mi respuesta editada sobre los iconos. – Cryophallion

+0

Todavía no está :) Sé cómo personalizar un tema de interfaz de usuario, lo hice bastantes veces, mi pregunta es acerca de un lugar donde podía navegar/descubrir temas (ala gnome-look) que difieren de los predeterminados no solo por el color. Gracias por su ayuda, de todos modos – pentarim

0

El siguiente enlace es un plugin de tema, parece tener algunos temas actualizados por el usuario.

http://keith-wood.name/themes.html

+0

Por lo que vi, este plugin intenta facilitar la carga de un tema (incluso css funcionó bien hasta ahora), pero no proporciona nuevos temas, solo temas comunes de UI. – pentarim

0

Paleta de colores ... he encontrado que es bastante fácil de crear un tema personalizado para obtener los colores básicos en su lugar y luego modificar el CSS para cambiar los elementos que el generador de temas no aborda, es decir, relleno, márgenes, grosor del borde, etc.

Ico ns ... Miré a su alrededor en busca de algunos íconos alternativos de "conectar y usar" para que a jquery-ui le haya resultado más fácil alterar el icono de sprite original en Photoshop. Js simplemente abra uno de los sprites de ui-icon_xxxxxx y modifique manualmente los iconos para ver cómo quiere. Probablemente solo quieras ajustar algunas, las flechas y las marcas de verificación y tal vez algunas más, así que no es mucho trabajo. Simplemente mantenga cada nuevo ícono centrado dentro de la zona de 16 x 16 que ocupa cada ícono en el icono sprite. Cada uno de ellos ocupa mucho menos que los 16 x 16 píxeles completos, por lo que puedes hacerlos mucho más grandes (en términos relativos). Después de que tenga todos los íconos mirando como desea, borre el ícono anterior debajo de cada uno (obviamente) luego cree una capa de bg vacía y combine sus nuevas capas con la capa de ícono original. Luego, crea una capa de superposición de color sólido y enmascararla en la capa de iconos. Entonces, todo lo que tiene que hacer es cambiar el color de superposición a 222222 y 454545 y 888888 (o los colores que desee) y guardar para web cada uno sobre los anteriores. Upload y BAM, todos funcionan perfectamente.

Cuestiones relacionadas