Propósito:
No hay mucho que decir al respecto, si estas viendo este tutorial es porque quieres hacer tu propio tema, y este tutorial te ayudará con lo básico de la edición de temas. Está dirigido a novatos por lo que trataré de explicar la mayoría de términos y procedimientos.
Antes de comenzar quiero hacer notar que para que Windows XP admita otros temas además de los que trae por defecto, es necesario modificar la librería dinámica “uxtheme.dll”. Para realizar esto existen varios métodos y programa, aquí explicaré solamente dos.
El primero consiste en instalar un software como por ejemplo StyleXP el cual hará el trabajo por nosotros. La parte incómoda de esta forma consiste en que este tipo de programas consumen bastantes recursos y si cuentas con un sistema no muy moderno seguramente te ralentizarán tu sistema, por este motivo es preferible usar el método manual; ahora que si tienes un equipo poderoso pues este método te servirá.
Para sustituir la libreria uxtheme.dll original por el parcheado hay que abrir el Replacer, lo que os abrirá una ventana de consola, y se os pedirá que introduzcáis la ruta del fichero a sustituir (el original) que está en C:\Windows\System32\uxtheme.dll, basta con arrastrarlo a la ventana de consola y pulsar enter, después hay que hacer lo mismo con el fichero uxtheme.dll que te has descargado. Te preguntará si deseis matener estos archivos nuevos del sistema, di que si.
I. Lo necesario
Bien para crear nuestro propio tema msstyles vamos a necesitar cuatro herramientas:
Un editor de temas como el StyleBuilder que es el que utilizaremos aquí.
Un editor de recursos, yo recomiendo el ResorceHacker (StyleBuilder trae el ResEdit).
Un editor gráfico como Photoshop, Fireworks o Paint Shop Pro.
Un editor de texto, el Bloc de Notas servirá bien, así que ya lo tenemos.
II. Conociendo los XP Styles
El sistema operativo Windows XP cuenta con un motor de mascaras (skins), lo que permite al usuario cambiar la manera en que reaccionará y mostrará su interface gráfica. Elementos de control, ventanas, menús, fuentes y algunos otros componentes pueden ser cambiados.
El usuario puede cambiar estas características mediante archivos de temas que usan una extensión .msstyles. Los temas .msstyles son básicamente un conjunto de parámetros e imágenes. La mayoría de archivos usados por estos temas son .bmp .png .xml y .ini.
Los archivos .bmp y .png son archivos de imágenes que contienen la vista de la interface gráfica.
Los archivos .xml y .ini contienen los parámetros de cómo deben ser interpretados los archivos de imágenes por el sistema operativo.
En StyleBuilder es probable que nos topemos con algunos otros tipos de archivos, pero estos es mejor no modificarlos a menos que sepamos lo que estamos haciendo, pues de lo contrario nuestro nuevo tema puede que no funcione.
III. Utilizando StyleBuilder
Cuenta con seis secciones principales con las que podemos trabajar.
1. La barra de accesos directos (Shorcut Bar)
2. Árbol de Elementos (Part Tree ).
3. Ventana de Pre-visualización (Preview Window).
4. Pestaña de Propiedades (Properties Tab).
5. Ventana de Propiedades (Properties Window)
6. Ventana de Elemento (Part Window).
La barra de accesos directos es donde vamos a seleccionar la sección principal con la cual vamos a trabajar. StyleBuilder nos provee con diez elementos principales para seleccionar. Al seleccionar un elemento principal en la barra de accesos directos, el mismo se mostrara en la ventana de pre-visualización.
En el árbol de elementos podemos seleccionar partes específicas del tema. Mientras que en la barra de accesos directos solo se incluyen los elementos principales, en el árbol de elementos se incluyen elementos secundarios de estos elementos principales. Por ejemplo una ventana esta compuesta de muchos elementos como los encabezados, la barra de herramientas, etc. El árbol de elementos lista todas las partes de un tema por orden jerárquico.
La venta de pre-visualización nos muestra los elementos principales que seleccionamos en la barra de accesos directos. Esta ventana no solo muestra los elementos sino que también funciona como una ventana de accesos directos. Seleccionando un elemento en la ventana de pre-visualización podemos fácilmente editarlos en la pestaña de propiedades.
Por ejemplo si queremos cambiar la vista de los botones de cierre de sección seleccionamos User Pane en la barra de accesos directos y luego sobre los botones de cierre de sesión en la ventana de pre-visualización.
La pestaña de propiedades nos muestra que propiedades tiene el elemento que hemos seleccionado. En el ejemplo nuestro elemento seleccionado eran los botones de cierre de sesión por que habíamos dado clic sobre ellos.
Para poder seleccionar las propiedades de un elemento podemos hacerlo de dos maneras. Dando clic sobre el elemento en la ventana de pre-visualización o bien seleccionándolo del árbol de elementos, el que lista todos los elementos disponibles.
Una vez que hemos elegido nuestro elemento a modificar, la pestaña de propiedades nos mostrará que propiedades están disponibles para modificar. Podemos añadir propiedades que no estén listadas yendo al botón de “Add Property”. De la misma manera podemos eliminar elementos que no deseemos yendo al botón de “Remove”.
Luego de que hemos decidido que propiedad deseamos editar nos trasladamos a la ventana de propiedades donde se nos mostrará que podemos cambiar de la propiedad que elegimos. Supongamos que queremos cambiar el color del botón de inicio elegimos “TextColor” en la pestaña de propiedades y luego cambiamos los valores RGB en la ventana de Propiedades.
Y por último tenemos la ventana de elementos, la cual nos muestra la imagen que se usa en un elemento específico. Su función principal es mostrarnos como se verá una imagen que utilizaremos para el elemento.
IV. Creando un nuevo tema
La forma más fácil de crear un nuevo tema es modificar una plantilla de tema y cambiar la mayoría de sus propiedades. Cuando todas las propiedades luzcan a tu gusto habrás creado un nuevo tema. La parte que más tiempo ocupará será sin duda la de hacer que el tema luzca tal cual quieres que se vea. En la mayoría de los casos los cambios que hagas en las propiedades no te darán los resultados que deseabas, esto solo lo obtendrás probando varias veces hasta familiarizarte con el programa, una especie de prueba y error.
Antes de comenzar a trabajar en tu tema necesitaras una plantilla, para conseguirla da clic en el botón de “new” en la barra de herramientas o bien yendo al menú de “file” en el menú principal. El programa te pedirá una ubicación donde serán creados los archivos del tema. Crea una carpeta con el nombre del tema en la ubicación que elegiste, NO lo hagas en una carpeta que ya contenga datos. Una vez que le des clic a “ok”, StyleBuilder creara los archivos .xml y .ini necesarios así como también las imágenes del tema (.bmp y .png). Si vas a la carpeta donde se crearon los archivos encontraras tres carpetas dentro de ella: “Blue”, “Homestead” y “Metallic”. Dentro de estas carpetas encontraras archivos de imágenes que usan los SubStyles. Los SubStyles pueden verse como un temas dentro de otro tema. Por ejemplo el tema “Luna” que es el predeterminado contiene tres SubStyles, y en este caso los SubStyles son simplemente versiones con diferentes combinaciones de colores del tema principal. Estos SubStyles son útiles si deseas crear un tema que contenga diferentes versiones, como diferentes colores o barras de inicio más delgadas, etc. Para hacer esto no tienes que crear 50 archivos .msstyles sino que usaras SubStyles múltiples.
Para ver con que SubStyle estas trabajando mira en la barra de accesos directos, ahí aparecen los nombres de los SubStyles que contiene tu tema. El SubStyle que estas usando es en el que aparecen los elementos justo debajo del nombre.
Puedes crear SubStyles extras dando clic sobre el botón "Add New Color Scheme", de la barra de herramientas. En la ventana que te aparecerá puedes seleccionar como se verá el SubStyle. Si eliges "Current" el nuevo SubStyle será una copia del que estas editando.
Si seleccionas "Template" entonces el SubStyle se verá como el que elijas de los tres elementos que te aparecen predeterminados. Si eliges la última opción, "Other" podras importar un SubStyle de un tema completamente diferente que tengas en equipo.
Para cambiar el nombre de un SubStyle solo necesitas hacer clic derecho sobre el nombre que actualmente tiene en la barra de accesos directos. Otra opción que te aparecerá si haces esto es la de “delete”, que sirve para eliminar el SubStyle. TEN CUIDADO cuando borres un SubStyle por que la operación no se podrá revertir una vez realizada.
V. Editando las propiedades del Tema
En la carpeta de tu tema encontraras los archivos .xml que contienen los mismos nombres que tus SubStyles, estos archivos contienen casi todos los parámetros que tus SubStyles necesitan. No necesitas un editor html para estos archivos, puedes editarlos con tu bloc de notas.
Abre uno de estos archivos con el bloc de notas y echa un vistazo a su contenido. Para hacer esto has clic derecho sobre el archivo en cuestión y selecciona “Abrir con” del menú contextual que te aparece y la ventana que se abrirá elige el bloc de notas.
El archivo que abriras tendrá una estructura jerárquica muy parecida a la que tiene el árbol de elementos en StyleBuilder.
La estructura lucirá muy parecido a esto:
<Root>
<Group name=Groupname>
<Class name=ClassName>
<Part name=PartName>
<Property name=PropertyName>
</Property>
</Part>
</Class>
</Group>
</Root>
"Groups" corresponde a los elementos principales que vimos en la sección III.
Groups incluye:
Substitution, General, ExplorerBar, Placesbar, Start, Startmenu,
TaskBand, TastBandGroupMenu, TaskBandVert, TaskBar, TaskBarVert,
TrayNotify, TrayNotifyHoriz, TrayNotifyHorizOpen, TrayNotifyVert,
y TrayNotifyVertOpen.
Si aún no te has fijado, estos elementos los puedes encontrar en la sección de árbol de elementos de StyleBuilder, bajo "Values".
Bajo estos groups encontraras clases que son más pequeñas, grupos más específicos; y bajo estas clases encontraras elementos individuales que contienen sus propias propiedades.
Al trabajar con archivos .xml los únicos valores que necesitan ser cambiados serán las propiedades individuales. Así el editar estos archivos es muy fácil. Lo primero que necesitas es buscar la clase en la cual el elemento reside, una vez encontrado (el comando buscar, del menú de edición puede ahorrarte mucho tiempo) simplemente cambiamos su valor.
Por ejemplo el botón de inicio al que le cambiamos el color anteriormente en StyleBuilder también puede cambiarse desde aquí. Solo necesitas encontrar <GROUP Name=”Start”> y bajo esto <CLASS Name=”Button”>. Bajo la clase verás <Property Name=”TextColor”Value=”255 255 255”/>. Esto te dice que el valor del elemento TextColor es 255 255 255. Para cambiarlo basta con sustituir este valor, el cual se encuentra en valor RGB, con el que deseemos y que sea válido.
Bien ya vimos como cambiar las propiedades de un elemento, pasemos a la parte gráfica.
VI. Editando las gráficas de nuestro tema
Editar la parte gráfica es mucho más fácil de hacerse en StyleBuilder y para hacerlo necesitaremos un editor gráfico como Photoshop, Fireworks o Paint Shop Pro, ya que Paint que es el predeterminado de Windows XP solo nos puede servir para retoques menores. Para cambios radicales, combinaciones de colores y efectos artísticos necesitamos alguno de los mencionados.
Podemos integrar nuestro editor o editores a StyleBuilder, para hacerlo vamos al menú “Tools y elegimos “Options”, en la ventana de opciones da clic en “new” e ingresa el nombre de tu editor y abajo la ruta del mismo; para agregar otro volvemos a dar clic en “new” y seguimos el mismo procedimiento. Ahora cuando querramos editar alguna imagen StyleBuilder abrirá el editor que le hemos indicado.
Para poder editar una imagen primero debemos saber a que propiedades esta ligada la misma, para hacerlo elijamos un elemento que querramos editar en la pantalla de pre-visualización.
En este ejemplo vamos a editar el botón de inicio.
Primero demos clic en la barra de accesos directos sobre "User Pane", luego damos clic sobre la imagen del botón de inicio en la ventana de pre-visualización.
Ahora fijémonos en la pestaña de propiedades; demos clic sobre el elemento “ImageFile” y le damos a “edit” en la ventana de propiedades. Nuestro editor de imágenes se abrirá y cargará la imagen del botón de inicio.
Cuando regresemos a StyleBuilder veremos en la ventana de pre-visualización la nueva imagen del botón de inicio.
Mediante este método podemos modificar la mayoría de los elementos a nuestro gusto.
Otra manera consiste en dar clic derecho directamente sobre el botón de inicio en nuestra ventana de pre-visualización, lo que nos mostrará un menú del que elegimos “edit” para lograr el mismo resultado que en la primera opción.
En otras ocasiones tal vez se desee usar alguna otra imagen realizada con anterioridad, para hacerlo tenemos que dar clic sobre el elemento “imageFile” en la pestaña de propiedades y luego sobre “Choose” en la ventana de propiedades y elegimos la imagen deseada.
Una cosa que tenemos que saber cuando editamos imágenes es el color transparente; como predeterminado el que se usa es 255 0 255 RGB (Red Green Blue), si este color es encontrado en algún mapa de bits (.bmp) será interpretado como color transparente. A este color se le conoce como rosado mágico.
Para asegurarnos que las transparencias funcionen en nuestro tema, necesitamos habilitar la propiedad “Transparent”. En elementos que contengan imágenes podemos añadirla de no contenerla dando clic en "Add Property" en la pestaña de propiedades. Una vez añadida debemos asegurarnos de que este activada, de lo contrario de nada sirve que la agregemos. Si estamos modificando un archivo .xml en el bloc de notas el valor será verdadero (“true&rdquo
o falso (“False&rdquo. En la mayoría de elementos esta transparencia estará habilitada de forma predeterminada por lo que no necesitaremos hacer nada.
El segundo tipo de archivos que utilizaremos es el .png (portable network graphic), los cuales son interpretados de diferente modo que los mapas de bits. Solo ciertos elementos de nuestro tema necesitan este tipo de archivos, si observamos que un elemento de nuestra plantilla usa este tipo de archivos no hay que tratar de remplazarlo por un mapa de bits sino más bien transformar el mismo a .png o crear uno nuevo partiendo del que nos da la plantilla. Esto también se aplica a imágenes que usen mapas de bits y aunque pueda que el archivo funcione cambiando de tipo, es recomendable dejar el tipo que tiene predeterminado la plantilla.
Las transparencias funcionan diferentes para los archivos .png que en los mapas de bits, el rosado mágico NO será interpretado como transparente en este tipo de archivos. En vez de el rosado mágico en este tipo de archivos necesitaremos utilizar canales alfa (Alpha Channels) para definir la transparencia. Si conocemos bien nuestro editor de imágenes es posible que estemos familiarizados con esto, de lo contrario basta con decir que a la hora de guardar un archivo .png busquemos las opciones de guardado, en donde encontraremos una pestaña de transparencias.
Finalmente debemos saber acerca de el cambio de tamaño y los márgenes de las imágenes. Casi todos los elementos que utilizan gráficas tendrán unas propiedades llamadas “ContentMargins” y “SizignMargins”. Estas propiedades le indican al motor de máscaras como tratar las imágenes y si es necesario cambiar su tamaño.
"ContentMargins" indica que porción de la imagen tendrá interacción. Por ejemplo el texto en el botón de inicio estará indicado en la propiedad “ContentMargins” del elemento “StartButton.bmp”. El motor no dibujará nada que este fuera de estos márgenes.
Por el otro lado los "SizingMargins" determinan el área dentro de la imagen que será remedida (cambiada de tamaño). Por ejemplo si un elemento contiene gráficas muy elaboradas no querremos que el motor las deforme por que esto las echaría a perder; por esta razón las imágenes que van a ser remedidas necesitan tener uniformidad, áreas que puedan ser estiradas o dejadas tal cual. Estas áreas son determinadas por la propiedad "SizingMargins".
Todas las partes de una imagen que estén FUERA de los “SizingMargins” quedarán tal cuales.
Todas las partes de una imagen que estén FUERA de los “SizingMargins” no serán remedidos o estirados.
Y finalmente podemos usar la propiedad “SizingType” para indicarle al motor de máscaras como debe ser remedida una imagen. Esta propiedad puede ponerse TrueSize (tamaño real), Tile (mosaico), Stretch (estirar), TileHorz (mosaico horizontal), TileVert (mosaico vertical) y TileCenter (mosaico centrado). Creo que esto se entiende por si mismo por lo que no lo explicaré detalladamente.
Si luego de leer esto aún tienes dudas con respecto a “ContentMargins”, “SizingMargins” y “SizingType”, prueba cambiando estas propiedades en algún elemento para ver como queda. Para estas pruebas es útil la ventana de elementos pues los elementos pueden ser remedidos manualmente, lo que nos irá dando una idea de los cambios que realizamos. Solo tenemos que arrastras la esquina inferior derecha de una imagen para cambiar su tamaño dentro de la ventana de elementos. De esta manera podremos ver por nosotros mismos como afectan los cambios de estas propiedades a la imagen seleccionada.
VII. Editando un tema existente
Algunas veces querremos realizar modificaciones menores a temas que hemos bajado, para esto necesitaremos importar el archivo .msstyles para poder editar sus elementos individualmente. En StyleBuilder necesitaremos ir al menú de archivo (“file&rdquo y elegir “import msstyle file…”. En la ventana de importación tendremos que especificar en el primer campo la ruta del tema que queremos importar; y la ruta de la carpeta donde lo guardaremos para modificarlo en el segundo campo. Debemos utilizar una carpeta vacía como si fuera un tema nuevo.
Para editar los elementos del tema que has importado sigue los pasos básicos que hemos dado en las secciones IV, V y VI. Tal vez nos topemos con propiedades cuyos valores incluyan $$, lo cual dificultara un poco nuestro trabajo. Valores tales como $$StartButtonFont$ son valores de sustitución (“Substitution Values&rdquo, esto significa que estos valores están especificados bajo "Normal -> Substitution", y "Values -> Substitution" que se pueden encontrar en el árbol de elementos. Para cambiar estos valores tendremos que ir a los grupos de sustitución especificados arriba para luego cambiar los valores en la pestaña y la ventana de propiedades.
La mayoría de estos valores de sustitución pueden ser editados manualmente en el archivo .sb de nuestra carpeta que aloja nuestro tema a modificar, este archivo .sb será nombrado igual que el tema que hemos importado (por ejemplo vista.sb). El archivo .xml solo contendrá algunos de estos valores de sustitución.
VIII. Guardando nuestro tema terminado
Antes de guardar tu tema es probable que quieras cambiar la documentación, para hacerlo busca en el árbol de elementos “Documentation” y en la pestaña de propiedades puedes cambiar la información necesaria como autor, nombre, url, derechos, etc. Esta sección es para que cualquier otra persona que use tu tema como plantilla sepa quien fue el que creo el tema originalmente.
Una vez que estes satisfecho con tu tema, puedes guardarlo para usarlo posteriormente, además al darle guardar como (“save as&rdquo en el menú archivo (“file&rdquo puedes guardarlo en otra ubicación, si solo quieres guardarlo basta con darle guardar (“save&rdquo en el menú archivo (“file&rdquo.
IX. Compilación y Prueba de nuestro tema terminado
Luego de haber guardado tu tema lo más seguro es que quieras probarlo para ver como luce. Para realizar esto vamos a "Actions" y luego a "Compile" en el menú, al hacer esto StyleBuilder pondrá todos los archivos en un solo archivo con extensión “.msstyle”. Dependiendo la cantidad de SubStyles que le hayas puesto a tu tema así será el tiempo que StyleBuilder tardará en compilarlo. El archivo “.msstyles” será creado en el directorio de tu tema, en donde puedes darle doble clic para probarlo. El probar tu tema te dará una idea de los errores que el mismo tiene y probablemente quieras regresar a StyleBuilder para corregirlos buscando que elementos están causando los errores. Si estas satisfecho con lo que has creado puedes trasladar tu carpeta a “C:\Windows\Resorces”, la cual es la carpeta predeterminada donde Windows busca sus temas. Haciendo esto harás que al ir a propiedades de pantalla aparezca tu tema en la pestaña apariencia, en donde podras elegirlo siempre que quieras.
No hay mucho que decir al respecto, si estas viendo este tutorial es porque quieres hacer tu propio tema, y este tutorial te ayudará con lo básico de la edición de temas. Está dirigido a novatos por lo que trataré de explicar la mayoría de términos y procedimientos.
Antes de comenzar quiero hacer notar que para que Windows XP admita otros temas además de los que trae por defecto, es necesario modificar la librería dinámica “uxtheme.dll”. Para realizar esto existen varios métodos y programa, aquí explicaré solamente dos.
El primero consiste en instalar un software como por ejemplo StyleXP el cual hará el trabajo por nosotros. La parte incómoda de esta forma consiste en que este tipo de programas consumen bastantes recursos y si cuentas con un sistema no muy moderno seguramente te ralentizarán tu sistema, por este motivo es preferible usar el método manual; ahora que si tienes un equipo poderoso pues este método te servirá.
La segunda es hacerlo manualmente para eso tenemos que descargar esta herramienta, para poder cambiar la librería ya que por estar siendo usada por Windows no se puede cambiar tan fácilmente. Luego bajaremos el uxtheme.dll parcheado, si tenemos sp1 instalado usaremos este archivo y si tenemos SP2 usaremos este otro.
Para SP3 descargar este. Y parchearlo manualmente pues muchos usuarios han tenido problemas con los diferentes programas para hacerlo y luego no les funciona.
Para sustituir la libreria uxtheme.dll original por el parcheado hay que abrir el Replacer, lo que os abrirá una ventana de consola, y se os pedirá que introduzcáis la ruta del fichero a sustituir (el original) que está en C:\Windows\System32\uxtheme.dll, basta con arrastrarlo a la ventana de consola y pulsar enter, después hay que hacer lo mismo con el fichero uxtheme.dll que te has descargado. Te preguntará si deseis matener estos archivos nuevos del sistema, di que si.
I. Lo necesario
Bien para crear nuestro propio tema msstyles vamos a necesitar cuatro herramientas:
Un editor de temas como el StyleBuilder que es el que utilizaremos aquí.
Un editor de recursos, yo recomiendo el ResorceHacker (StyleBuilder trae el ResEdit).
Un editor gráfico como Photoshop, Fireworks o Paint Shop Pro.
Un editor de texto, el Bloc de Notas servirá bien, así que ya lo tenemos.
II. Conociendo los XP Styles
El sistema operativo Windows XP cuenta con un motor de mascaras (skins), lo que permite al usuario cambiar la manera en que reaccionará y mostrará su interface gráfica. Elementos de control, ventanas, menús, fuentes y algunos otros componentes pueden ser cambiados.
El usuario puede cambiar estas características mediante archivos de temas que usan una extensión .msstyles. Los temas .msstyles son básicamente un conjunto de parámetros e imágenes. La mayoría de archivos usados por estos temas son .bmp .png .xml y .ini.
Los archivos .bmp y .png son archivos de imágenes que contienen la vista de la interface gráfica.
Los archivos .xml y .ini contienen los parámetros de cómo deben ser interpretados los archivos de imágenes por el sistema operativo.
En StyleBuilder es probable que nos topemos con algunos otros tipos de archivos, pero estos es mejor no modificarlos a menos que sepamos lo que estamos haciendo, pues de lo contrario nuestro nuevo tema puede que no funcione.
III. Utilizando StyleBuilder
Antes de comenzar a trabajar abramos o descargamos este PDF y seguimos los pasos para saber si StyleBuilder esta funcionando correctamente. Si los resultados son satisfactorios proseguimos con este tutorial. De lo contrario la uxtheme.dll esta mal parcheada.
Aunque al principio nos parezca complicado, el programa es bastante fácil de utilizar.Cuenta con seis secciones principales con las que podemos trabajar.
1. La barra de accesos directos (Shorcut Bar)
2. Árbol de Elementos (Part Tree ).
3. Ventana de Pre-visualización (Preview Window).
4. Pestaña de Propiedades (Properties Tab).
5. Ventana de Propiedades (Properties Window)
6. Ventana de Elemento (Part Window).
La barra de accesos directos es donde vamos a seleccionar la sección principal con la cual vamos a trabajar. StyleBuilder nos provee con diez elementos principales para seleccionar. Al seleccionar un elemento principal en la barra de accesos directos, el mismo se mostrara en la ventana de pre-visualización.
En el árbol de elementos podemos seleccionar partes específicas del tema. Mientras que en la barra de accesos directos solo se incluyen los elementos principales, en el árbol de elementos se incluyen elementos secundarios de estos elementos principales. Por ejemplo una ventana esta compuesta de muchos elementos como los encabezados, la barra de herramientas, etc. El árbol de elementos lista todas las partes de un tema por orden jerárquico.
La venta de pre-visualización nos muestra los elementos principales que seleccionamos en la barra de accesos directos. Esta ventana no solo muestra los elementos sino que también funciona como una ventana de accesos directos. Seleccionando un elemento en la ventana de pre-visualización podemos fácilmente editarlos en la pestaña de propiedades.
Por ejemplo si queremos cambiar la vista de los botones de cierre de sección seleccionamos User Pane en la barra de accesos directos y luego sobre los botones de cierre de sesión en la ventana de pre-visualización.
La pestaña de propiedades nos muestra que propiedades tiene el elemento que hemos seleccionado. En el ejemplo nuestro elemento seleccionado eran los botones de cierre de sesión por que habíamos dado clic sobre ellos.
Para poder seleccionar las propiedades de un elemento podemos hacerlo de dos maneras. Dando clic sobre el elemento en la ventana de pre-visualización o bien seleccionándolo del árbol de elementos, el que lista todos los elementos disponibles.
Una vez que hemos elegido nuestro elemento a modificar, la pestaña de propiedades nos mostrará que propiedades están disponibles para modificar. Podemos añadir propiedades que no estén listadas yendo al botón de “Add Property”. De la misma manera podemos eliminar elementos que no deseemos yendo al botón de “Remove”.
Luego de que hemos decidido que propiedad deseamos editar nos trasladamos a la ventana de propiedades donde se nos mostrará que podemos cambiar de la propiedad que elegimos. Supongamos que queremos cambiar el color del botón de inicio elegimos “TextColor” en la pestaña de propiedades y luego cambiamos los valores RGB en la ventana de Propiedades.
Y por último tenemos la ventana de elementos, la cual nos muestra la imagen que se usa en un elemento específico. Su función principal es mostrarnos como se verá una imagen que utilizaremos para el elemento.
IV. Creando un nuevo tema
La forma más fácil de crear un nuevo tema es modificar una plantilla de tema y cambiar la mayoría de sus propiedades. Cuando todas las propiedades luzcan a tu gusto habrás creado un nuevo tema. La parte que más tiempo ocupará será sin duda la de hacer que el tema luzca tal cual quieres que se vea. En la mayoría de los casos los cambios que hagas en las propiedades no te darán los resultados que deseabas, esto solo lo obtendrás probando varias veces hasta familiarizarte con el programa, una especie de prueba y error.
Antes de comenzar a trabajar en tu tema necesitaras una plantilla, para conseguirla da clic en el botón de “new” en la barra de herramientas o bien yendo al menú de “file” en el menú principal. El programa te pedirá una ubicación donde serán creados los archivos del tema. Crea una carpeta con el nombre del tema en la ubicación que elegiste, NO lo hagas en una carpeta que ya contenga datos. Una vez que le des clic a “ok”, StyleBuilder creara los archivos .xml y .ini necesarios así como también las imágenes del tema (.bmp y .png). Si vas a la carpeta donde se crearon los archivos encontraras tres carpetas dentro de ella: “Blue”, “Homestead” y “Metallic”. Dentro de estas carpetas encontraras archivos de imágenes que usan los SubStyles. Los SubStyles pueden verse como un temas dentro de otro tema. Por ejemplo el tema “Luna” que es el predeterminado contiene tres SubStyles, y en este caso los SubStyles son simplemente versiones con diferentes combinaciones de colores del tema principal. Estos SubStyles son útiles si deseas crear un tema que contenga diferentes versiones, como diferentes colores o barras de inicio más delgadas, etc. Para hacer esto no tienes que crear 50 archivos .msstyles sino que usaras SubStyles múltiples.
Para ver con que SubStyle estas trabajando mira en la barra de accesos directos, ahí aparecen los nombres de los SubStyles que contiene tu tema. El SubStyle que estas usando es en el que aparecen los elementos justo debajo del nombre.
Puedes crear SubStyles extras dando clic sobre el botón "Add New Color Scheme", de la barra de herramientas. En la ventana que te aparecerá puedes seleccionar como se verá el SubStyle. Si eliges "Current" el nuevo SubStyle será una copia del que estas editando.
Si seleccionas "Template" entonces el SubStyle se verá como el que elijas de los tres elementos que te aparecen predeterminados. Si eliges la última opción, "Other" podras importar un SubStyle de un tema completamente diferente que tengas en equipo.
Para cambiar el nombre de un SubStyle solo necesitas hacer clic derecho sobre el nombre que actualmente tiene en la barra de accesos directos. Otra opción que te aparecerá si haces esto es la de “delete”, que sirve para eliminar el SubStyle. TEN CUIDADO cuando borres un SubStyle por que la operación no se podrá revertir una vez realizada.
V. Editando las propiedades del Tema
En la carpeta de tu tema encontraras los archivos .xml que contienen los mismos nombres que tus SubStyles, estos archivos contienen casi todos los parámetros que tus SubStyles necesitan. No necesitas un editor html para estos archivos, puedes editarlos con tu bloc de notas.
Abre uno de estos archivos con el bloc de notas y echa un vistazo a su contenido. Para hacer esto has clic derecho sobre el archivo en cuestión y selecciona “Abrir con” del menú contextual que te aparece y la ventana que se abrirá elige el bloc de notas.
El archivo que abriras tendrá una estructura jerárquica muy parecida a la que tiene el árbol de elementos en StyleBuilder.
La estructura lucirá muy parecido a esto:
<Root>
<Group name=Groupname>
<Class name=ClassName>
<Part name=PartName>
<Property name=PropertyName>
</Property>
</Part>
</Class>
</Group>
</Root>
"Groups" corresponde a los elementos principales que vimos en la sección III.
Groups incluye:
Substitution, General, ExplorerBar, Placesbar, Start, Startmenu,
TaskBand, TastBandGroupMenu, TaskBandVert, TaskBar, TaskBarVert,
TrayNotify, TrayNotifyHoriz, TrayNotifyHorizOpen, TrayNotifyVert,
y TrayNotifyVertOpen.
Si aún no te has fijado, estos elementos los puedes encontrar en la sección de árbol de elementos de StyleBuilder, bajo "Values".
Bajo estos groups encontraras clases que son más pequeñas, grupos más específicos; y bajo estas clases encontraras elementos individuales que contienen sus propias propiedades.
Al trabajar con archivos .xml los únicos valores que necesitan ser cambiados serán las propiedades individuales. Así el editar estos archivos es muy fácil. Lo primero que necesitas es buscar la clase en la cual el elemento reside, una vez encontrado (el comando buscar, del menú de edición puede ahorrarte mucho tiempo) simplemente cambiamos su valor.
Por ejemplo el botón de inicio al que le cambiamos el color anteriormente en StyleBuilder también puede cambiarse desde aquí. Solo necesitas encontrar <GROUP Name=”Start”> y bajo esto <CLASS Name=”Button”>. Bajo la clase verás <Property Name=”TextColor”Value=”255 255 255”/>. Esto te dice que el valor del elemento TextColor es 255 255 255. Para cambiarlo basta con sustituir este valor, el cual se encuentra en valor RGB, con el que deseemos y que sea válido.
Bien ya vimos como cambiar las propiedades de un elemento, pasemos a la parte gráfica.
VI. Editando las gráficas de nuestro tema
Editar la parte gráfica es mucho más fácil de hacerse en StyleBuilder y para hacerlo necesitaremos un editor gráfico como Photoshop, Fireworks o Paint Shop Pro, ya que Paint que es el predeterminado de Windows XP solo nos puede servir para retoques menores. Para cambios radicales, combinaciones de colores y efectos artísticos necesitamos alguno de los mencionados.
Podemos integrar nuestro editor o editores a StyleBuilder, para hacerlo vamos al menú “Tools y elegimos “Options”, en la ventana de opciones da clic en “new” e ingresa el nombre de tu editor y abajo la ruta del mismo; para agregar otro volvemos a dar clic en “new” y seguimos el mismo procedimiento. Ahora cuando querramos editar alguna imagen StyleBuilder abrirá el editor que le hemos indicado.
Para poder editar una imagen primero debemos saber a que propiedades esta ligada la misma, para hacerlo elijamos un elemento que querramos editar en la pantalla de pre-visualización.
En este ejemplo vamos a editar el botón de inicio.
Primero demos clic en la barra de accesos directos sobre "User Pane", luego damos clic sobre la imagen del botón de inicio en la ventana de pre-visualización.
Ahora fijémonos en la pestaña de propiedades; demos clic sobre el elemento “ImageFile” y le damos a “edit” en la ventana de propiedades. Nuestro editor de imágenes se abrirá y cargará la imagen del botón de inicio.
Cuando regresemos a StyleBuilder veremos en la ventana de pre-visualización la nueva imagen del botón de inicio.
Mediante este método podemos modificar la mayoría de los elementos a nuestro gusto.
Otra manera consiste en dar clic derecho directamente sobre el botón de inicio en nuestra ventana de pre-visualización, lo que nos mostrará un menú del que elegimos “edit” para lograr el mismo resultado que en la primera opción.
En otras ocasiones tal vez se desee usar alguna otra imagen realizada con anterioridad, para hacerlo tenemos que dar clic sobre el elemento “imageFile” en la pestaña de propiedades y luego sobre “Choose” en la ventana de propiedades y elegimos la imagen deseada.
Una cosa que tenemos que saber cuando editamos imágenes es el color transparente; como predeterminado el que se usa es 255 0 255 RGB (Red Green Blue), si este color es encontrado en algún mapa de bits (.bmp) será interpretado como color transparente. A este color se le conoce como rosado mágico.
Para asegurarnos que las transparencias funcionen en nuestro tema, necesitamos habilitar la propiedad “Transparent”. En elementos que contengan imágenes podemos añadirla de no contenerla dando clic en "Add Property" en la pestaña de propiedades. Una vez añadida debemos asegurarnos de que este activada, de lo contrario de nada sirve que la agregemos. Si estamos modificando un archivo .xml en el bloc de notas el valor será verdadero (“true&rdquo
o falso (“False&rdquo. En la mayoría de elementos esta transparencia estará habilitada de forma predeterminada por lo que no necesitaremos hacer nada.
El segundo tipo de archivos que utilizaremos es el .png (portable network graphic), los cuales son interpretados de diferente modo que los mapas de bits. Solo ciertos elementos de nuestro tema necesitan este tipo de archivos, si observamos que un elemento de nuestra plantilla usa este tipo de archivos no hay que tratar de remplazarlo por un mapa de bits sino más bien transformar el mismo a .png o crear uno nuevo partiendo del que nos da la plantilla. Esto también se aplica a imágenes que usen mapas de bits y aunque pueda que el archivo funcione cambiando de tipo, es recomendable dejar el tipo que tiene predeterminado la plantilla.
Las transparencias funcionan diferentes para los archivos .png que en los mapas de bits, el rosado mágico NO será interpretado como transparente en este tipo de archivos. En vez de el rosado mágico en este tipo de archivos necesitaremos utilizar canales alfa (Alpha Channels) para definir la transparencia. Si conocemos bien nuestro editor de imágenes es posible que estemos familiarizados con esto, de lo contrario basta con decir que a la hora de guardar un archivo .png busquemos las opciones de guardado, en donde encontraremos una pestaña de transparencias.
Finalmente debemos saber acerca de el cambio de tamaño y los márgenes de las imágenes. Casi todos los elementos que utilizan gráficas tendrán unas propiedades llamadas “ContentMargins” y “SizignMargins”. Estas propiedades le indican al motor de máscaras como tratar las imágenes y si es necesario cambiar su tamaño.
"ContentMargins" indica que porción de la imagen tendrá interacción. Por ejemplo el texto en el botón de inicio estará indicado en la propiedad “ContentMargins” del elemento “StartButton.bmp”. El motor no dibujará nada que este fuera de estos márgenes.
Por el otro lado los "SizingMargins" determinan el área dentro de la imagen que será remedida (cambiada de tamaño). Por ejemplo si un elemento contiene gráficas muy elaboradas no querremos que el motor las deforme por que esto las echaría a perder; por esta razón las imágenes que van a ser remedidas necesitan tener uniformidad, áreas que puedan ser estiradas o dejadas tal cual. Estas áreas son determinadas por la propiedad "SizingMargins".
Todas las partes de una imagen que estén FUERA de los “SizingMargins” quedarán tal cuales.
Todas las partes de una imagen que estén FUERA de los “SizingMargins” no serán remedidos o estirados.
Y finalmente podemos usar la propiedad “SizingType” para indicarle al motor de máscaras como debe ser remedida una imagen. Esta propiedad puede ponerse TrueSize (tamaño real), Tile (mosaico), Stretch (estirar), TileHorz (mosaico horizontal), TileVert (mosaico vertical) y TileCenter (mosaico centrado). Creo que esto se entiende por si mismo por lo que no lo explicaré detalladamente.
Si luego de leer esto aún tienes dudas con respecto a “ContentMargins”, “SizingMargins” y “SizingType”, prueba cambiando estas propiedades en algún elemento para ver como queda. Para estas pruebas es útil la ventana de elementos pues los elementos pueden ser remedidos manualmente, lo que nos irá dando una idea de los cambios que realizamos. Solo tenemos que arrastras la esquina inferior derecha de una imagen para cambiar su tamaño dentro de la ventana de elementos. De esta manera podremos ver por nosotros mismos como afectan los cambios de estas propiedades a la imagen seleccionada.
VII. Editando un tema existente
Algunas veces querremos realizar modificaciones menores a temas que hemos bajado, para esto necesitaremos importar el archivo .msstyles para poder editar sus elementos individualmente. En StyleBuilder necesitaremos ir al menú de archivo (“file&rdquo
y elegir “import msstyle file…”. En la ventana de importación tendremos que especificar en el primer campo la ruta del tema que queremos importar; y la ruta de la carpeta donde lo guardaremos para modificarlo en el segundo campo. Debemos utilizar una carpeta vacía como si fuera un tema nuevo.
Para editar los elementos del tema que has importado sigue los pasos básicos que hemos dado en las secciones IV, V y VI. Tal vez nos topemos con propiedades cuyos valores incluyan $$, lo cual dificultara un poco nuestro trabajo. Valores tales como $$StartButtonFont$ son valores de sustitución (“Substitution Values&rdquo
, esto significa que estos valores están especificados bajo "Normal -> Substitution", y "Values -> Substitution" que se pueden encontrar en el árbol de elementos. Para cambiar estos valores tendremos que ir a los grupos de sustitución especificados arriba para luego cambiar los valores en la pestaña y la ventana de propiedades.
La mayoría de estos valores de sustitución pueden ser editados manualmente en el archivo .sb de nuestra carpeta que aloja nuestro tema a modificar, este archivo .sb será nombrado igual que el tema que hemos importado (por ejemplo vista.sb). El archivo .xml solo contendrá algunos de estos valores de sustitución.
VIII. Guardando nuestro tema terminado
Antes de guardar tu tema es probable que quieras cambiar la documentación, para hacerlo busca en el árbol de elementos “Documentation” y en la pestaña de propiedades puedes cambiar la información necesaria como autor, nombre, url, derechos, etc. Esta sección es para que cualquier otra persona que use tu tema como plantilla sepa quien fue el que creo el tema originalmente.
Una vez que estes satisfecho con tu tema, puedes guardarlo para usarlo posteriormente, además al darle guardar como (“save as&rdquo
en el menú archivo (“file&rdquo puedes guardarlo en otra ubicación, si solo quieres guardarlo basta con darle guardar (“save&rdquo en el menú archivo (“file&rdquo.
IX. Compilación y Prueba de nuestro tema terminado
Luego de haber guardado tu tema lo más seguro es que quieras probarlo para ver como luce. Para realizar esto vamos a "Actions" y luego a "Compile" en el menú, al hacer esto StyleBuilder pondrá todos los archivos en un solo archivo con extensión “.msstyle”. Dependiendo la cantidad de SubStyles que le hayas puesto a tu tema así será el tiempo que StyleBuilder tardará en compilarlo. El archivo “.msstyles” será creado en el directorio de tu tema, en donde puedes darle doble clic para probarlo. El probar tu tema te dará una idea de los errores que el mismo tiene y probablemente quieras regresar a StyleBuilder para corregirlos buscando que elementos están causando los errores. Si estas satisfecho con lo que has creado puedes trasladar tu carpeta a “C:\Windows\Resorces”, la cual es la carpeta predeterminada donde Windows busca sus temas. Haciendo esto harás que al ir a propiedades de pantalla aparezca tu tema en la pestaña apariencia, en donde podras elegirlo siempre que quieras.
Tags: crear, themes, temas, styleBuilder, Styles, mmstyles, substyles
Publicado por Beto_a_Saber
domingo, 01 de julio de 2007 | 10:59
Publicado por Beto_a_Saber
sábado, 07 de julio de 2007 | 14:06
Publicado por David
viernes, 24 de agosto de 2007 | 20:59
Publicado por hhhhhhhhhhhhhhhh
jueves, 13 de septiembre de 2007 | 11:31
Publicado por Beto_a_Saber
sábado, 15 de diciembre de 2007 | 0:22
Publicado por Dark Fox
domingo, 16 de diciembre de 2007 | 15:21
Publicado por Dark Fox
domingo, 16 de diciembre de 2007 | 15:25
Publicado por Beto_a_Saber
domingo, 24 de febrero de 2008 | 12:16
Publicado por fran-morisco
domingo, 24 de febrero de 2008 | 12:17
Publicado por fran-morisco
domingo, 24 de febrero de 2008 | 12:19
Publicado por Emanuel
martes, 08 de abril de 2008 | 14:50
Publicado por kideer
viernes, 25 de abril de 2008 | 9:40
Publicado por Andres Erazo
miércoles, 06 de agosto de 2008 | 19:27
Publicado por Beto_a_Saber
viernes, 08 de agosto de 2008 | 15:39
Publicado por Beto_a_Saber
viernes, 08 de agosto de 2008 | 15:47
Publicado por sraf1977
viernes, 08 de agosto de 2008 | 23:22
En que paso es que te trabaste?
Al compilar el tema te va a quedar un archivo .msstyles, para probarlo das clic derecho sobre el archivo y elegis abrir del menú contextual. Tu tema tiene que cambiar por el que hiciste. Si te da un mensaje de que el tema no esta firmado digitalmente o algo por el estilo es porque no has cambiado la libreria uxtheme.dll, si no te da ningún mensaje y no pasa nada es porque has hecho mal algún paso o no has grabado algo, por lo menos te tiene que cambiar las fuentes o algo.
Si queres subi el archivo que te generó a www.rapidshare.com para ver que es lo que está mal.
Al compilar el tema te va a quedar un archivo .msstyles, para probarlo das clic derecho sobre el archivo y elegis abrir del menú contextual. Tu tema tiene que cambiar por el que hiciste. Si te da un mensaje de que el tema no esta firmado digitalmente o algo por el estilo es porque no has cambiado la libreria uxtheme.dll, si no te da ningún mensaje y no pasa nada es porque has hecho mal algún paso o no has grabado algo, por lo menos te tiene que cambiar las fuentes o algo.
Si queres subi el archivo que te generó a www.rapidshare.com para ver que es lo que está mal.
Publicado por Convulcion
domingo, 17 de agosto de 2008 | 23:06
Publicado por sraf1977
lunes, 15 de septiembre de 2008 | 22:47
Para RAFAZED:
Te respondo por acá porque el sistema no te reconoce como usuario.
Tenes que fijarte en el tipo de imágenes que estas usando pues puede ser por esto que el tema no te corre, ya que si te funcionan los styles que trae el programa quiere decir que ya cambiaste el uxtheme.dll, por lo tanto el problema está en tu tema. Si no has cambiado el uxtheme.dll revisa el tutorial que ahí puse como hacerlo, para el sp3 podes ponerle el del sp2 no te da ningún problema.
Además revisa la parte VI. del tutorial donde dice como editar imagenes pues por una mala transparencia el tema no te funciona o si usaste una extensión de archivo erronea como .jpg
Podes probar creando un nuevo tema donde solo cambies una imagen y luego lo compilas y lo probas para ver si te está funcionando.
Y sobre otros programas... no conozco pero tal vez si buscas en google tal vez encontres algún otro.
Si queres subí tu tema a www.rapidshare.com me das el link y yo lo reviso.
Saludos
____________
St3f@No
Te respondo por acá porque el sistema no te reconoce como usuario.
Tenes que fijarte en el tipo de imágenes que estas usando pues puede ser por esto que el tema no te corre, ya que si te funcionan los styles que trae el programa quiere decir que ya cambiaste el uxtheme.dll, por lo tanto el problema está en tu tema. Si no has cambiado el uxtheme.dll revisa el tutorial que ahí puse como hacerlo, para el sp3 podes ponerle el del sp2 no te da ningún problema.
Además revisa la parte VI. del tutorial donde dice como editar imagenes pues por una mala transparencia el tema no te funciona o si usaste una extensión de archivo erronea como .jpg
Podes probar creando un nuevo tema donde solo cambies una imagen y luego lo compilas y lo probas para ver si te está funcionando.
Y sobre otros programas... no conozco pero tal vez si buscas en google tal vez encontres algún otro.
Si queres subí tu tema a www.rapidshare.com me das el link y yo lo reviso.
Saludos
____________
St3f@No
Publicado por sevehouse
sábado, 13 de diciembre de 2008 | 21:15
Excelente tutorial estoy empezando a practicar pero con tu explicacion creo que lograre hacer mi tema,solo un comentario mas y es que tengo el servise pack 3 y me vi en la necesidad de buscar la dll patcheada y me encontre con el programa UXTheme Multi-Patcher 6.0 que parcha automaticamente y sin necesidad de buscar la dll parchada para el SP3 de XP....gracias por este excelente tutorial....saludos Bro
Publicado por sevehouse
martes, 16 de diciembre de 2008 | 15:55
pues nada que creo mi tema con los colores y las modificaciones que quiero y al momento de compilarlo y probarlo le doy doble click al archivo .mmstyles de mi tema y nada no pasa nada no lo adihere a la lista de temas no pasa nada,ya asta instale el styleXP y nada....¿necesito ayuda que estoy haciendo mal? gracias de antemano....saludos
Publicado por sraf1977
miércoles, 17 de diciembre de 2008 | 12:36
Para probar el tema compilado das clic derecho sobre el mismo y elegis abrir del menu contextual o le das doble clic izquierdo.
Para que te aparezca en la lista de temas tenes que copiarlo a la carpeta:
"Windows/Resources/Themes/"
Parece que varios han tenido problemas para poner a funcionar su tema por lo que voy a hacer otro tutorial en pdf paso por paso para explicarlo mejor.
Otra cosa sería probar un tema externo para saber si la libreria uxtheme.dll esta bien parcheada.
Otro consejo es ir compilando y probando el tema tras algunas modificaciones para siempre contar con una idea de donde deja de funcionar.
Para que te aparezca en la lista de temas tenes que copiarlo a la carpeta:
"Windows/Resources/Themes/"
Parece que varios han tenido problemas para poner a funcionar su tema por lo que voy a hacer otro tutorial en pdf paso por paso para explicarlo mejor.
Otra cosa sería probar un tema externo para saber si la libreria uxtheme.dll esta bien parcheada.
Otro consejo es ir compilando y probando el tema tras algunas modificaciones para siempre contar con una idea de donde deja de funcionar.
Publicado por sevehouse
miércoles, 17 de diciembre de 2008 | 15:45
todo lo que explicas ya lo ise y ademas con la duda del parchado instale el styleXP y no funciona nada.....es mas la primera vez modifique varios aspectos y como no funciono me di a la tarea de modificar solo el boton de inicio y guardar el tema despues compilarlo y probarlo pero nada,no funciona ni siquiera por ese pequeño cambio....saludos y gracias por responder
Publicado por sraf1977
miércoles, 17 de diciembre de 2008 | 17:27
Publicado por sraf1977
miércoles, 17 de diciembre de 2008 | 17:30
Publicado por Beto_a_Saber
miércoles, 17 de diciembre de 2008 | 21:31
Gracias Bro ya esta parchado perfectamente con la dll que anexaste y los temas corren sin necesidad del style XP ahora sigo con el problema de no poder ver mi tema creo que el error reside en el StyleBuilder ya que al momento de compilar ademas del archivo .mmstyles de mi tema me da una serie de archivos extras 30 en total aparte de las carpetas Blue,homestead y metallic con sus respectivos archivos que son muchisimos y he notado que en los temas extras que tengo el contenido del tema consta de el archivo .mmstyles del tema y una carpeta shell con una o dos dll's solamente ojala puedas decirme que resultado me debe de dar al momento de compilar mi tema,otra cosa que me aparece al seleccionar New en el StyleBuilder es esto:
StyleBuilder now supports shellstyles.dlls.
to disable this feature please see the menu option view...shellstyle.dll
A shellstyle has not been chosen for the 'Blue' color scheme.
Please choose a default shellstyle.dll or luna will be imported.
StyleBuilder now supports shellstyles.dlls.
to disable this feature please see the menu option view...shellstyle.dll
A shellstyle has not been chosen for the 'Blue' color scheme.
Please choose a default shellstyle.dll or luna will be imported.
Publicado por Beto_a_Saber
miércoles, 17 de diciembre de 2008 | 21:37
segun entiendo aqui puede estar el problema ya que el stylebuilder no compila mis temas como dll's y por eso no pasa nada al momento de querer visualisarlo,es lo que entiendo pero tu que le sabes a esto podras decirme cual es el problema y si estoy en lo correcto decirme como puedo hacer que el stylebuilder me acepte añadir y compilar los temas o que debo de hacer...te dejo la informacion ojala me puedas ayudar soy un novato en esto pero me interesa mucho aprender...de antemano muchas gracias Bro....saludos
Publicado por Sevehouse
miércoles, 17 de diciembre de 2008 | 21:40
Publicado por sraf1977
jueves, 18 de diciembre de 2008 | 2:11
Publicado por Sevehouse
jueves, 18 de diciembre de 2008 | 8:02
Bueno amigo alli esta el problema la uxtheme.dll no esta patcheada correctamente ya que siguendo los pasos que comentas mi tema no aparece en la lista,voy a releer los pasos a seguir para patchaear correctamente el uxthem.dll regreso para comentar si tuve exito,gracias por tu pronta respuesta Men un saludo
Publicado por Sevehouse
jueves, 18 de diciembre de 2008 | 8:53
Bueno ya estube intentando patchear pero sin resultados positivos ya que me da el mismo resultado mi tema no aparece en la lista,intente con lo usual revisar que este como administrador del sistema,desabilitando el firewall de windows,etc. No se si tenga que ver pero buscando la uxtheme.dll me fije que me aparecen dos archivos mas con este nombre uno se llama extheme.backup y el otro es uxetheme.ubk no recuerdo si estos archivos estaban antes de comensar con estos procedimientos,pero el caso es que el resultado no es positivo....saludos Bro...aqui sigo en espera
Publicado por Sevehouse
viernes, 19 de diciembre de 2008 | 11:54
Bueno al no tener respuesta me di a la tarea de buscar la uxtheme.dll para SP3 y la encontre nada mas que no estaba disponible la descarga asi que segui buscando y me encontre con el UXTheme Multi-Patcher 6.0 el cual explicaban que buscaba la vercion correcta de tu windows y patchaba con la uxtheme.dll correcta pero no se los recomiendo ya que al llevar el procedimiento acabo y reiniciar mi PC despues de una larga espera aque mi PC pudiera iniciar nuevamente me salio un aviso de que windows se habia recuperado de una falla grave osea que no funciono...sigo en espera de ayuda,gracias de antemano....saludos
Publicado por sraf1977
viernes, 19 de diciembre de 2008 | 13:30
Publicado por sraf1977
viernes, 19 de diciembre de 2008 | 13:55
Ah otra cosa que se me olvidaba sevehouse es que para saber que uxtheme necesitas tienes que saber la versión de windows, puedes verla en inicio -> programas -> accesorios -> herramientas del sistema -> información del sistema.
Puedes ver la versión cuando incia el programa en el resumen del sistema.
Luego de que sepas que uxtheme necesitas puedes bajarla desde aquí:
http://www.winmatrix.com/forums/index.php?showtopic=16025
O puedes buscarla en google.
Puedes ver la versión cuando incia el programa en el resumen del sistema.
Luego de que sepas que uxtheme necesitas puedes bajarla desde aquí:
http://www.winmatrix.com/forums/index.php?showtopic=16025
O puedes buscarla en google.
Publicado por Sevehouse
viernes, 19 de diciembre de 2008 | 14:43
Publicado por Sevehouse
miércoles, 24 de diciembre de 2008 | 22:46
Bueno señores despues de probar cuanta uxtheme.dll para SP3 me encontre estaba a punto de renunciar a todo esto cuando por logica encontre la solucion al problema y fue que al stylebuilder le faltaba su medicina si saben a lo que me refiero ya que no se si se puede hablar abiertamente aqui...Bien pues la vercion que baje fue la vercion Demo y por logica deduje que si era una vercion Demo para poder crear mis temas tenia que voverla full por que nadie te da un programa a full para que solo lo pruebes asi que me puse a buscar su medicina,la cual la dejo aqui junto con el programa:
http://rapidshare.com/files/43174169/TGTSoft.StyleBuilder.v2.021000.rar
!!importante!! debes instalar primero el programa y despues su medicina,las dos en conjunto ya que es una version diferente a la que esta aqui : )
*Prosigo*despues de instalar el programa con su medicina ise la prueba que me dejo aqui mi amigo sraf1977 y !!Buala!! el tema con el nombre que le puse por fin salio en la lista de temas
http://rapidshare.com/files/43174169/TGTSoft.StyleBuilder.v2.021000.rar
!!importante!! debes instalar primero el programa y despues su medicina,las dos en conjunto ya que es una version diferente a la que esta aqui : )
*Prosigo*despues de instalar el programa con su medicina ise la prueba que me dejo aqui mi amigo sraf1977 y !!Buala!! el tema con el nombre que le puse por fin salio en la lista de temas
Publicado por Sevehouse
miércoles, 24 de diciembre de 2008 | 22:53
Claro esta que antes de esto ya habia patcheado la uxtheme.dll como aqui se indica y esto aunado a que el stylebuilder ya se encontraba a full me resulto en que ya puedo crear mis temas espero que les sirva la informacion a los que aun estan estancados con este problema y asi mismo le pido a sraf1977 que si no es valido dejar esta informacion,me refiero a la medicina la edite conforme a las reglas de aqui....Bueno por el momento me despido ya que estoy ancioso por empesar a crear mis temas pero den por hecho que seguire molestando por aqui con mis dudas y comentarios....saludos y gracias por su ayuda...Byee
Publicado por sraf1977
jueves, 25 de diciembre de 2008 | 16:14
Publicado por sevehouse
viernes, 09 de enero de 2009 | 22:12
Bueno pasaba por aqui para saludar y decirles que casi acabo con mi tema me retrase ya que casi no he tenido tiempo ultimamente pero estoy laborando mi tema de a poco y en el proceso me an salido algunas dudas que comentare en un proximo comentario...les mando un saludo y aun que tarde les deseo un feliz y prospero año nuevo....saludos
Publicado por JMH_87
jueves, 22 de enero de 2009 | 14:14
Publicado por Beto_a_Saber
jueves, 22 de enero de 2009 | 17:14
Saludos, muy bueno el programa, hice todo como alli dice y termine la edicion y en la previsualizacion se ve perfecto, lo compile y todo pero cuando intento ejecutarlo me da error, me dice que hay un error con varios archivos de sistem32, trate de colocarlo por tuneup y me dijo algo como que controladores no validos o algo asi, como hago en ese caso? por favor si puedes responderme mi email es vafp001@gmail.com saludos y espero tu respuesta para disfrutar de mi tema.
Publicado por heaven messenger X
martes, 07 de abril de 2009 | 13:05
Publicado por juan
sábado, 13 de junio de 2009 | 22:36
Publicado por Beto_a_Saber
jueves, 25 de junio de 2009 | 12:58
Hola a todos.
Necesito una ayudita
Estoy editando el tema Royale. Exactamente: Edite la imagen del menú TODOS LOS PROGRAMAS del menú Inicio de Windows XP, así (Resaltado en rojo):
Pero hay un problema: Quiero que las flechas que aparecen para que salga otro menú, salgan de color blanco pero no sé cómo hacer para que salgan. Me queda así:
¿Cómo hago para que esas flechas (LAS ENCERRADAS CON ROJO) me quede en color blanco, así? (Imágen capturada de Royale Remixed):
AYUDENME. (jupaguro2006@hotmail.com)
Necesito una ayudita
Estoy editando el tema Royale. Exactamente: Edite la imagen del menú TODOS LOS PROGRAMAS del menú Inicio de Windows XP, así (Resaltado en rojo):
Pero hay un problema: Quiero que las flechas que aparecen para que salga otro menú, salgan de color blanco pero no sé cómo hacer para que salgan. Me queda así:
¿Cómo hago para que esas flechas (LAS ENCERRADAS CON ROJO) me quede en color blanco, así? (Imágen capturada de Royale Remixed):
AYUDENME. (jupaguro2006@hotmail.com)
Publicado por lucasrey18
domingo, 02 de agosto de 2009 | 16:27
Publicado por sraf1977
lunes, 03 de agosto de 2009 | 2:26
Hola Lucas: Bueno lo que quieres hacer creo que no se puede hacer con el Stylebuilder no recuerdo bien si te da esa opción pero sino tienes que modificar la librería dinámica "shell32.dll" con el reshacker. En esa librería vas a encontrar varios recursos que usa el sistema como íconos y otras cosas que puedes cambiar por otros a tu gusto. En windows vista lo que quieres modificar es el bitmap 632 en xp puede ser diferente pero viéndolos uno por uno das con el que quieres.
Explicar como cambiar esto me tomaría otro tutorial por lo que si te interesa aca te dejó un tuto en el que te explican como cambiar los recursos, es para íconos pero te sirve tambien para los bitmaps. Ah una última recomendación si te decides a modear esto, busca un tuto que te explique bien lo de la paleta de colores ya que esta va indexeada y la necesitas para sustituir el recurso. Suerte en el mundo del deskmod
Explicar como cambiar esto me tomaría otro tutorial por lo que si te interesa aca te dejó un tuto en el que te explican como cambiar los recursos, es para íconos pero te sirve tambien para los bitmaps. Ah una última recomendación si te decides a modear esto, busca un tuto que te explique bien lo de la paleta de colores ya que esta va indexeada y la necesitas para sustituir el recurso. Suerte en el mundo del deskmod
Publicado por sraf1977
lunes, 03 de agosto de 2009 | 2:44
Lo mismo que le dije a Lucas va para el que quiere cambiar el color de las flechitas, si el stylebuilder no te da la opción tienes que hacerlo modificando la librería "shell32.dll" o en la "shellstyle.dll" de su carpeta de windows/system32, no recuerdo bien en cual de las dos está pero revisenlas con el reshacker para saber cual de las dos hay que modificar.
Y ya estas modificaciones son permanentes osea no las van a poder cambiar tan facilmente como el tema de windows cada vez que quieran sino que van a tener que sustituir la librería dll cada vez que quieran cambiar esto. Estas librerías solo se pueden cambiar en modo a prueba de fallos o con un programa que las cambia al iniciar el equipo ya que están siendo usadas siempre por el sistema.
Lamentablemente ahora no tengo una pc con xp para saber si stylebuilder no les da esta opción o hay que modificar la librería. Pero cualquier cosa postéenme y les explico mas detalladamente sino encuentran un buen tuto.
Y ya estas modificaciones son permanentes osea no las van a poder cambiar tan facilmente como el tema de windows cada vez que quieran sino que van a tener que sustituir la librería dll cada vez que quieran cambiar esto. Estas librerías solo se pueden cambiar en modo a prueba de fallos o con un programa que las cambia al iniciar el equipo ya que están siendo usadas siempre por el sistema.
Lamentablemente ahora no tengo una pc con xp para saber si stylebuilder no les da esta opción o hay que modificar la librería. Pero cualquier cosa postéenme y les explico mas detalladamente sino encuentran un buen tuto.
Publicado por sraf1977
lunes, 03 de agosto de 2009 | 2:58
Publicado por lucasrey18
miércoles, 12 de agosto de 2009 | 14:00
Publicado por Dast
sábado, 15 de agosto de 2009 | 13:50
Bueno, me paso por aquí para decirte que realmente agradezco muchísimo la ayuda que me has prestado de forma totalmente desinteresada. Ya llevaba un tiempo intentando crear un theme con esta aplicacion pero siempre me daba problema a la hora de compilarlo.Segui los pasos tal y como los has explicado y me ha ido como la seda.Ciertamente, te lo agradezco muchisimo, puesto que este era uno de los pocos aspectos que me faltaban por aprender a modificar del pc, puesto que los menus contextuales y logons ya sé como se hacen. Muchas gracias por el tutorial, de veras, está genial.
Blog con información variada del campo de la informática y algunos trucos de los sistemas operativos. También pondré algunos tutoriales de diseño.