manual de creación de temas para windows xp

2009

WWW.k-rlitos.com k-rlitos.com

[MANUAL DE CREACIÓN DE TEMAS PARA WINDOWS XP / 2003 CON STYLEBUILDER] Te enseñare los pasos de este programa para editar o crear temas para Windows XP / 2003, y después aplicarlos. (Guía versión 0.6)

[MANUAL DE CREACIÓN DE TEMAS PARA

WINDOWS XP / 2003 CON STYLEBUILDER] 31 de marzo de 2009

Manual de creación de temas para Windows XP / 2003.

Introducción:

Esta guía te enseñará a como crear tus temas para Windows XP / 2003. Este proceso es

largo y requiere imaginación y conocimientos básicos de diseño.

Pero si no tienes mucha imaginación, podrás ocupar cualquier tema existente y solo

cambiar las partes o imágenes que desees.

Crear un tema desde 0 te llevará arto tiempo, ya que se editan mas de 200 imágenes, las que

se incluyen las de los botones, barras, etc.

Si editas alguno editaras unas 20 imágenes.

Cosas básicas a saber, los tipos y nombres de archivos:

Shellstyle.dll este archivo contiene los recursos del tema, como los fondos de carpeta.

NOMBRE_TEMA.msstyles este archivo hace las llamadas a los temas.

NOMBRE_TEMA.theme este archivo contiene las llamadas el tema, incluyendo los

sonidos, wallpaper, iconos, punteros, screensaver….

Estos son los 3 archivos básicos a conocer.

Palabras usadas:

Luna: Es el tema de Windows, el típico de color azul.

Tema: Es el tema como tal, el que se refiere a botones y acciones.

Estilo: Son estilos de fondos, o cosas especificas.

Ingredientes:

StyleBuilder

Imaginación

Imágenes

PhotoShop o Paint o similar.



Inicio:

Al iniciar el programa nos encontraremos con esta interfaz:

O talvez no tengamos un tema y mostrará algo vacío:



Crear un nuevo tema:

Hay 3 formas, las 2 primeras es para crear el tema desde 0, o seleccionar los temas

deseados. Me explico mejor:

La forma 1 es importar y compilar, para esto nos vamos a la barra superior y presionamos:

View -> Shellstyle.dll (compile and import)

Al tickear esta opción nos dará la posibilidad de que

al crear un nuevo tema, podamos importar shellstyle

personalizado de los temas que queramos, por

ejemplo algún tema con colores listos.

Después de hacer el paso anterior, hacemos clic en

Nuevo (New) o en File->New, posteriormente nos

preguntará en donde guardaremos la construcción del

tema:

Acá buscaremos la ruta de

trabajo, nos da la opción de crear

una carpeta nueva con el botón

de la parte inferior.

Procura guardarla en una carpeta

nueva, ya que se crearán muchos

archivos.

Una vez definida le damos

aceptar.



Cuando aceptemos nos dará un mensaje de información:

StyleBuilder ahora soporta Shellstyle.dlls.

Para deshabilitar esta característica, por favor vea en el menú de

opciones “View”… Shellstyle.dll

Un Shellstyle.dll no ha sido seleccionado para el esquema de color

“Azul”, Por favor elija un Shellstyle.dll por defecto, o se importará

Luna.

StyleBuilder compilará un ShellStyle.dll para cada color

del tema. Elija un Shellstyle.dll que concuerde con el color

de su tema, o se tomará el LUNA por defecto.

Este cuadro da la opción de búsqueda del tema que se parezca o el que desee para su

tema, puede seleccionar cualquiera, posteriormente se podrá cambiar el nombre.

Este proceso se repetirá 3 veces, el primero es para Azul, el segundo es Verde y el

tercero es Plateado.



La forma 2 es importar y compilar, para esto nos vamos a la barra superior y presionamos:

View -> Shellstyle.dll (compile and import)

Al quitar el ticket nos dará la posibilidad de que al

crear un nuevo tema, esto creará un espacio de trabajo

por defecto LUNA.

Después de hacer el paso anterior, hacemos clic en

Nuevo (New) o en File->New, posteriormente nos

preguntará en donde guardaremos la construcción del

tema:

Acá buscaremos la ruta de

trabajo, nos da la opción de crear

una carpeta nueva con el botón

de la parte inferior.

Procura guardarla en una carpeta

nueva, ya que se crearán muchos

archivos.

Una vez definida le damos

aceptar.

Después de esto tendremos nuestro tema listo para trabajar.



Forma 3 importando un tema existente.

PD: el programa da un error al tratar de importar cuando el área de trabajo está vacío,

si se desea importar, se tendrá que crear un espacio con uno de las 2 formas

anteriormente descritas.

PD2: al importar se creará un nuevo espacio, así que no es necesario crear un espacio

de trabajo nuevo para importar.

Ahora nos vamos al botón Import (importar), o File-> Import .msstyle file…

Y nos mostrará una ventana de importación:

Acá solo hay que buscar algún tema que queramos de ejemplo que nos guste y

coincida con nuestra idea. Hacemos clic en botón “… “en elegir (Shoose a .msstyle to

import from), buscamos el archivo en cuestion, normalmente se encuentra en la

carpeta del tema, o subcarpeta Style o vs.

En la parte inferior tenemos donde se descompilará el estilo, al igual que crear un tema

nuevo, habrá que crearlo en una carpeta nueva.

ADVERTENCIA:

La importación

de .msstyles

funciona mejor

en archivos

creados con

StyleBuilder.



EDICIÓN

Al crear veremos que en la carpeta de destino, ya sea por importación o creación

nueva una cantidad importante de archivos, ejemplo:

Se verá una carpeta por cada esquema que tengamos, en este caso solo hay 4.



Dentro de cada carpeta de estilo encontraremos muchos bitmaps y Png que son las

partes que componen la interfaz gráfica:

Y dentro de el tenemos otra carpeta que se llama Shell, acá están la mayoría de las

imágenes que son fondos de carpeta, como el panel de control, de archivos protegidos,

de fotografías.



Un ejemplo claro es la ventana de ejemplo que estoy dando, ya que tiene una imagen

de Fuko *love love xD* de fondo, y el resto de las imágenes son de otros fondos.

Lo mas notorio es el archivo bitmap00015.bmp que apreciamos que está de fondo de

mi carpeta.



Aun que para este ejemplo utilizaremos otro ejemplo más fácil.

Edición Básica:

Una vez importado los archivos y listos para la edición, solo tenemos que editar

imagen por imagen, pero no te preocupes, si te gusta el tema pero solo quieres cambiar

el personaje o el tema, solo remplazas las imágenes principales, por ejemplo en un

tema descompilado que doy se modifican estos archivos expresados:

PD: lo siento si a veces se me pasan nombres o cosas en ingles, todo lo hago en Inglés antes de

escribirlo en español, así practico ese idioma.

Style folder:

StartPanelMFUBackground.bmp -> Foto Derecha

StartPanelPlacesBackground.bmp -> Foto Izquierda

StartButton.png -> Botón Inicio

Shell Folder: Bitmap00010.BMP -> Icono Carpeta Música (Mostrado en el menú inicio)

Bitmap00011.BMP -> Pequeña Foto carpeta Muisca (Mostrado en las tareas de la carpeta)

Bitmap00012.BMP -> Foto de Música (Fondo de la carpeta)

Bitmap00013.BMP -> Icono Carpeta de Fotografías (Mostrado en el menú inicio)

Bitmap00014.BMP -> Pequeña Foto carpeta Fotografías (Mostrado en las tareas de la carpeta)

Bitmap00015.BMP -> Fondo carpeta Fotografías (Fondo de la carpeta)

Bitmap00016.BMP -> Icono Buscar (Mostrado en el menú inicio)

Bitmap00017.BMP -> Pequeña Foto Buscar (Mostrado en las tareas de la carpeta)

Bitmap00018.BMP -> Búsqueda de archivos (Fondo de la carpeta)

Bitmap00019.BMP -> Icono Carpeta Video (Mostrado en el menú inicio)

Bitmap00020.BMP -> Pequeña Foto carpeta Video (Mostrado en las tareas de la carpeta)

Bitmap00021.BMP -> Carpeta Video (Fondo de la carpeta)

Bitmap00022.BMP -> Control panel Icon (Mostrado en el menú inicio)

Bitmap00025.BMP -> Carpeta de sistema (Carpeta típica como C: o Windows)

Bitmap00026.BMP -> Control Panel Folder

Bitmap00112.BMP -> Grupo de tareas (La que está a la izquierda de mi pc) (200x600)

Como vemos no es necesario cambiar todo el tema para tener algo personalizado, en la

parte que más se trabaja es en el menú inicio. Esta parte es importante, trata de ocupar

las mismas dimensiones de la imagen base expuesta, en especial en el botón inicio,

además de si vas a ocupar 1 imagen en ambas partes del menú inicio (o sea, a la

izquierda y a la derecha) ambas tienen que quedar de la misma altura.



Editando ShellStyle:

Para saber que vas a cambiar, tienes 2 formas, viendo el texto expresado anteriormente,

o con interfaz gráfica, para esto nos vamos al programa, y seleccionamos el botón

ShellStyle de la derecha, y nos saldrá esto:

1: Seleccionamos StyleShell

2: Se nos desplegará una lista de imágenes.

3: A medida que hagamos clic en las imágenes, estas nos señalaran que imagen es

seleccionándola en la lista izquierda, y mostrándola en la derecha.

4: Sale la imagen seleccionada, si hacemos clic secundario nos permitirá editarla con

nuestro editor favorito (llámese Photoshop o paint, etc.):

Una vez editada, se recargará la imagen y seguimos con la otra.

Y lo otro se puede editar directamente abriendo las imágenes desde las carpetas.

1

2 3 4



Editando Menú Inicio:

Es similar a editar ShellStyle, solo que hay que editar 2 módulos, “Task Bar” y “User

Panel”.

Se va explorando cada elemento, o si deseas solo lo básico, como en el caso de “Task

Bar”:

Acá solo necesitamos modificar el Botón de inicio (marcado con rojo), por ende, lo

seleccionamos haciendo clic principal, al lado derecho saldrá seleccionado, si te fijas,

al presionarlo sale el color de la acción que estás haciendo, ya sea apretándolo,

pasando por encima o nada.

Haces clic secundario en la demostración y editas, se abrirá directamente en tu

programa editor por defecto.

PD: en este caso la foto editada en este caso no sale, razón, no sé, pero si compilamos

funcionará.



Editando “User Panel”:

Si hacemos clic en el botón nos saldrá el menú inicio, notemos que el menú aparece

compacto, por lo que aplicaremos a nuestra imaginación para editar las imágenes.

Tomando en cuenta que el menú inicio tiene por promedio 8, por lo que la altura

tendrá que ser de 400 pixeles (en este ejemplo), en otros casos puede ser más o menos,

recuerda ver como viene el tema con la planilla. En caso que la imagen quede chica se

estirará dando una imagen estirada deforme, o en caso contrario, una imagen

comprimida.

Siempre haz el menú inicio con una altura de 8 elementos, ya que Windows viene con

esta cantidad, y los usuarios rara vez cambian esta cantidad.



Edición Avanzada:

Simple, solo vamos navegando con los

botones que se ven

“Windows & Toolbar”

“Task Bar”

“User Panel” … etc

Cada vez que les hagas clic aparecerán

los objetos a editar.

También tienes el lado derecho que es la

lista, puedes recorrer uno por uno

cambiando los recursos.

Tienes que pasar cada proceso, cambiar

radio button, check box, etc. Todo se

hace de la misma forma, es un trabajo

tedioso, pero puedes iniciar un tema

nuevo y refrescante.



Transparencias:

A veces vemos que podemos ver lo que hay atrás de algún objeto, es bastante

llamativo, un ejemplo es un tema de Key:

Para este ejemplo recomiendo tener la imagen, cosa de solo cortarla, pero la

transparencia, ¿cómo?, simplemente se tiene que definir un color de transparencia,

algunos lo hacen fucsia, otros blanco o azul, acá eres libre de decidir, pero es

recomendado el fucsia ya que se toma por defecto como transparente.



Primero nos fijamos que el menú inicio está deforme, y cortado, por eso hay que tener

en mente lo que se quiere.

Nos enfocamos en la parte superior, nos podemos fijar que la imagen es curva y tiene

el color definido:

Pero igual tendremos problemas, ya que el fucsia es un color, y este se mostrará, para

evitar esto, hay una propiedad que se muestra en la parte inferior que se llama

“Transparent”, lo que nos deja efectos de transparencia en caso de estar en TRUE.

En caso que nuestro color por defecto no sea fucsia, hacemos clic en Add Property… y

creamos la propiedad TransparentColor de la lista que aparecerá, después nos

posicionamos en la propiedad recién creada, y nos aparecerá para seleccionar el color,

tendremos 3 opciones, por coordenadas, selección de paleta o pick.

Para pick solo presionamos el botón sin soltar arrastramos hasta nuestro color de

transparencia y soltamos, absorbiendo el color.



Pre visualización:

Ya hemos modificado bastante, pero ¿cómo nos está quedando?

Simple, en la parte superior del programa encontramos varios botones:

Para hacer este paso solo necesitamos presionar Test, nos mostrará una información:

Y nos mostrará ejemplos de nuestro estilo en forma animada:

La prueba solo se probará el estilo que XP está usando. Para probar fuentes grandes o extra grandes,

deberá aplicar esta fuente. Para probar radio buttons

y controles grandes deberá cambiar los DPI que está

usando en su monitor. Clic secundario en el

escritorio, Propiedades… Configuración… Opciones

Avanzadas.



Aplicando en la realidad

Cuando tengas avanzado tu tema, y quieras ver cómo está quedando, simplemente haz

clic en Test, lo que aplicará tu tema en Windows.

Tema Listo

Cuando tema esté totalmente listo, es cosa de compilarlo y comprimirlo, tienes 2

formas, compilarlo desde Actions- compile, pero este proceso a veces da problemas,

así que lo que mas conveniente es aplicar Zip…

Incluir archivo msstyle, si o si.

Incluir ShellStyle, inclúyelo si o si.

Incluir archivo Theme, recomendado,

tendrás que editarlo y es una base.

Incluir pantallazos (para sitios webs)

Incluir código fuente XML + BMP (para

compartir)

Después de comprimir, hacer:

Nada, solo dime donde está el zip.

Iniciar el archivo Zip.

Adjuntar el archivo zip a un correo.

Después de esto, es solo cosa de editar el archivo Theme.



Editando al información

Nos vamos a la lista hasta donde dice Documentación, en las propiedades se mostrará la

info de nuestro tema:

Y si nos vamos al nombre de nuestro estilo:

Acá solo tenemos un solo estilo, pero queremos otro…



Simplemente anda a

(En esta parte también podrás renombrar tu esquema actual.

Selecciona Add New Color Scheme…

y sigue las instrucciones, current copia el tema actual, Template buscará uno del tema

LUNA, y otro para buscar en el disco duro.



Creación del tema como tal

Una vez creado el estilo y Shell es hora de aplicar el tema, esto incluye wallpapers, sonidos,

iconos, punteros, y protectores de pantalla.

Un archivo Theme se compone de varias líneas, pero solo unas cuantas se editan, dentro de

este manual debería estar incluido un archivo base.theme, el cual deberas editar por cada

tema.

Primero, es indispensable tener organizado el tema, y debes saber que el tema tendrá que

estar en x:\windows\resources\themes esto es por motivos de rutas.

Te recomiendo tener el tema organizado de la siguiente forma:

Si te das cuenta, a la izquierda tenemos la carpeta Akane-Iro Somaru Saka expandida, por

lo que los archivos quedan así:

X:\windows\resources\Themes\ Archivo .theme

X:\windows\resources\Themes\Akane-

Iro Somaru Saka

Acá irán las subcarpetas.


Iro Somaru Saka\cur

Acá los cursores del mouse.


Iro Somaru Saka\ico

Los iconos.


Iro Somaru Saka\VS

VS (VisualStyle), es la carpeta más importante,

recuerda ponerla tal cual como te la dio el

StyleBuilder, con la carpeta Shell y subcarpetas.


Iro Somaru Saka\wallpaper

El wallpaper, o papel tapiz.


Iro Somaru Saka\wav

Carpeta de los sonidos.


Iro Somaru Saka\scr

Carpeta del protector de pantalla (acá no existe,

pero puede existir)

En tu caso será X:\windows\resources\themes\nombre_del_tema\



Creación del .theme

Para esto hay 2 formas:

La 1 es hacer el tema en Windows, aplicas el estilo, y aplicas tu wallpaper, sonidos etc, y en

propiedades de pantalla y guardas el tema. Lo negativo es que si compartes el tema, el otro

usuario deberá tener las mismas rutas. Por lo que es indispensable tener las rutas

anteriormente mencionada.

La forma 2 es la mejor, es más lenta, pero la mejor, ya que queda sin errores y sin rutas

amarradas.

NOTA: es de suma importancia que a todas las rutas

sean %windir%resources\themes\nombre_del_tema\

NOTA2: el ejemplo que daré se llama “genérico” por lo que se describirá

más adelante el nombre “genérico” tendrá que ser tu carpeta.

Se abre el archivo theme con cualquier editor de texto (notepad, wordpad, notepad++).

Acá esta el archivo base.theme, este archivo contiene todas las sentencias para hacer un

tema: [Theme]

; My Computer

[CLSID\{20D04FE0-3AEA-1069-A2D8-08002B30309D}\DefaultIcon]

DefaultValue=

; My Documents

[CLSID\{450D8FBA-AD25-11D0-98A8-0800361B1103}\DefaultIcon]

DefaultValue=

; My Network Places

[CLSID\{208D2C60-3AEA-1069-A2D7-08002B30309D}\DefaultIcon]

DefaultValue=

; Recycle Bin

[CLSID\{645FF040-5081-101B-9F08-00AA002F954E}\DefaultIcon]

full=

empty=

[Control Panel\Colors]

ActiveTitle=152 180 208

Background=21 51 111

Hilight=31 101 135

HilightText=255 255 255

TitleText=253 253 253

Window=255 255 255

WindowText=0 0 0

Scrollbar=212 208 200

InactiveTitle=191 205 219

Menu=244 244 244

WindowFrame=0 0 0

MenuText=0 0 0

ActiveBorder=212 208 200

InactiveBorder=212 208 200



AppWorkspace=128 128 128

ButtonFace=244 244 244

ButtonShadow=166 166 166

GrayText=196 196 196

ButtonText=0 0 0

InactiveTitleText=166 166 166

ButtonHilight=255 255 255

ButtonDkShadow=106 106 106

ButtonLight=227 227 227

InfoText=22 33 86

InfoWindow=255 255 225

GradientActiveTitle=195 239 253

GradientInactiveTitle=215 228 242

ButtonAlternateFace=181 181 181

HotTrackingColor=59 152 211

MenuHilight=31 121 195

MenuBar=244 244 244

[VisualStyles]

Path=

ColorStyle=NormalColor

Size=NormalSize

[MasterThemeSelector]

MTSM=DABJDKT

ThemeColorBPP=4

[Control Panel\Desktop]

Wallpaper=

TileWallpaper=0

WallpaperStyle=2

Pattern=

ScreenSaveActive=0

[Control Panel\Desktop\WindowMetrics]

[Metrics]

IconMetrics=76 0 0 0 75 0 0 0 75 0 0 0 1 0 0 0 245 255 255 255 0 0 0 0 0 0 0 0 0 0 0 0 144 1 0 0 0 0 0 1 0 0 0 0 84 97 104 111 109 97 0

0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

NonclientMetrics=84 1 0 0 1 0 0 0 17 0 0 0 17 0 0 0 18 0 0 0 24 0 0 0 244 255 255 255 0 0 0 0 0 0 0 0 0 0 0 0 188 2 0 0 0 0 0 1 0 0 0 0

65 114 105 97 108 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 20 0 0 0 20 0 0 0 244 255 255 255 0 0 0 0 0 0 0 0 0 0 0 0 188 2 0 0

0 0 0 1 0 0 0 0 65 114 105 97 108 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 18 0 0 0 19 0 0 0 245 255 255 255 0 0 0 0 0 0 0 0 0

0 0 0 144 1 0 0 0 0 0 1 0 0 0 0 84 97 104 111 109 97 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 245 255 255 255 0 0 0 0 0 0 0 0 0

0 0 0 144 1 0 0 0 0 0 1 0 0 0 0 84 97 104 111 109 97 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 245 255 255 255 0 0 0 0 0 0 0 0 0

0 0 0 144 1 0 0 0 0 0 1 0 0 0 0 84 97 104 111 109 97 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

[boot]

SCRNSAVE.EXE=


MTSM=DABJDKT

ThemeColorBPP=4

[AppEvents\Schemes\Apps\.Default\.Default\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\AppGPFault\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\Close\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\DeviceConnect\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\DeviceDisconnect\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\DeviceFail\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\LowBatteryAlarm\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\MailBeep\.Current]

DefaultValue=



[AppEvents\Schemes\Apps\.Default\Maximize\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\MenuCommand\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\MenuPopup\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\Minimize\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\Open\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\PrintComplete\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\RestoreDown\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\RestoreUp\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\RingIn\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\Ringout\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemAsterisk\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemExclamation\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemExit\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemHand\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemNotification\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemQuestion\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemStart\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemStartMenu\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemStartMenu\.Current.A]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemStartMenu\.Current.W]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\WindowsLogoff\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\WindowsLogoff\.Current.A]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\WindowsLogoff\.Current.W]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\WindowsLogon\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\WindowsLogon\.Current.A]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\WindowsLogon\.Current.W]

DefaultValue=

[AppEvents\Schemes\Apps\Explorer\EmptyRecycleBin\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\Explorer\Navigating\.Current]

DefaultValue=

[Control Panel\Cursors.A]

Arrow=

Help=

AppStarting=

Wait=

NWPen=

No=

SizeNS=

SizeWE=

Crosshair=

IBeam=

SizeNWSE=



SizeNESW=

SizeAll=

UpArrow=

[Control Panel\Cursors.W]

Arrow=

Help=

AppStarting=

Wait=

NWPen=

No=

SizeNS=

SizeWE=

Crosshair=

IBeam=

SizeNWSE=

SizeNESW=

SizeAll=

UpArrow=



Empieza la explicación:

[Theme]

; My Computer


DefaultValue=

; My Documents


DefaultValue=

; My Network Places


DefaultValue=

; Recycle Bin


full=

empty=

Acá definimos los iconos de Mi Pc, mis documentos, mis sitios de red y papelera de

reciclaje, esta última requiere 2 iconos, una para cuando esté llena y otra para cuando esté

vacía.

En nuestro caso, el ejemplo se llama “genérico” por lo que le damos la ruta:

Si te das cuenta, pusimos la

ruta %WinDir%Resources\Themes\generico\ico\ donde %windir% es la carpeta Windows,

resources\themes en donde se alojan los temas, genérico es en donde se alojan los archivos

del tema, ico donde se almacenan los iconos, y luego el nombre del icono, y posteriormente

“, 0” esto le dice al tema que ocupe el primer icono del archivo, es útil cuando tienes

muchos archivos en una dll o en un exe.

[Theme]

; My Computer


DefaultValue=%WinDir%Resources\Themes\generico\ico\My Computer.ico, 0

; My Documents


DefaultValue=%WinDir%Resources\Themes\generico\ico\My Documents.ico, 0

; My Network Places


DefaultValue=%WinDir%Resources\Themes\generico\ico\My Network.ico, 0

; Recycle Bin


full=%WinDir%Resources\Themes\generico\ico\BIN Full.ico, 0

empty=%WinDir%Resources\Themes\generico\ico\BIN Empty.ico, 0



Colors

[Control Panel\Colors]

ActiveTitle=152 180 208

Background=21 51 111

Hilight=31 101 135

HilightText=255 255 255

TitleText=253 253 253

Window=255 255 255

WindowText=0 0 0

Scrollbar=212 208 200

InactiveTitle=191 205 219

Menu=244 244 244

WindowFrame=0 0 0

MenuText=0 0 0

ActiveBorder=212 208 200

InactiveBorder=212 208 200

AppWorkspace=128 128 128

ButtonFace=244 244 244

ButtonShadow=166 166 166

GrayText=196 196 196

ButtonText=0 0 0

InactiveTitleText=166 166 166

ButtonHilight=255 255 255

ButtonDkShadow=106 106 106

ButtonLight=227 227 227

InfoText=22 33 86

InfoWindow=255 255 225

GradientActiveTitle=195 239 253

GradientInactiveTitle=215 228 242

ButtonAlternateFace=181 181 181

HotTrackingColor=59 152 211

MenuHilight=31 121 195

MenuBar=244 244 244

Colores del sistema, esto es largo y engorroso, es opcional, no es necesario, además tienes

que saberte las combinaciones de colores, para hacer este paso te recomiendo elegir los

colores desde “propiedades de pantalla” – “apariencia” – “Opciones avanzadas”, acá buscas

que color llevará cada elemento de “elemento”, con el color.

Una vez hecho esto, guardas el tema en “propiedades de pantalla” – “tema” guardar como,

luego el archivo creado lo abres con bloc de notas y copias esta parte.

Si te quieres ahorrar este paso, solo borra estas líneas.



[VisualStyles]

Path=


Size=NormalSize

Una de las líneas más importantes.

En path ponemos la ruta, en ColorStyle ponemos el nombre de la carpeta con el esquema

que queramos seleccionar, por ejemplo en el siguiente tema tenemos 6 esquemas:

Azure, NormalColor, Pink, Red, Rose, Silver

Si queremos seleccionar el Red, ponemos:

ColorStyle=Red

En Size ponemos NormalSize (recomendado), como puede ser grande o extra grande, esto

también depende de cómo le llamamos cuando editamos el estilo.


MTSM=DABJDKT

ThemeColorBPP=4

No lo muevas! No es opcional, ponlo si o si.

[VisualStyles]

Path=%WinDir%resources\Themes\Generico\Generico.msstyles


Size=NormalSize




Wallpaper=

TileWallpaper=0

WallpaperStyle=2

Pattern=

ScreenSaveActive=0

Líneas de fondo de escritorio.


Wallpaper=%WinDir%Resources\Themes\generico\Wallpaper\wallpaper.bmp

TileWallpaper=0

WallpaperStyle=2

Pattern=

ScreenSaveActive=0

En Wallpaper ponemos la ruta del wallpaper.

TileWallpaper déjalo por defecto en 0.

WallpaperStyle:

1= Centrada

2= Expandida

Pattern déjalo tal cual

ScreenSaveActive, ponlo en 1 si tu tema tiene protector de pantalla.

[Control Panel\Desktop\WindowMetrics]

[Metrics]

IconMetrics=76 0 0 0 75 0 0 0 75 0 0 0 1 0 0 0 245 255 255 255 0 0 0 0 0 0 0 0 0 0 0 0 144

1 0 0 0 0 0 1 0 0 0 0 84 97 104 111 109 97 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

NonclientMetrics=84 1 0 0 1 0 0 0 17 0 0 0 17 0 0 0 18 0 0 0 24 0 0 0 244 255 255 255 0 0

0 0 0 0 0 0 0 0 0 0 188 2 0 0 0 0 0 1 0 0 0 0 65 114 105 97 108 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

0 0 0 0 0 0 0 0 0 0 0 0 20 0 0 0 20 0 0 0 244 255 255 255 0 0 0 0 0 0 0 0 0 0 0 0 188 2 0 0 0

0 0 1 0 0 0 0 65 114 105 97 108 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 18 0 0 0

19 0 0 0 245 255 255 255 0 0 0 0 0 0 0 0 0 0 0 0 144 1 0 0 0 0 0 1 0 0 0 0 84 97 104 111

109 97 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 245 255 255 255 0 0 0 0 0 0 0 0 0

0 0 0 144 1 0 0 0 0 0 1 0 0 0 0 84 97 104 111 109 97 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

0 0 0 0 0 0 245 255 255 255 0 0 0 0 0 0 0 0 0 0 0 0 144 1 0 0 0 0 0 1 0 0 0 0 84 97 104 111

109 97 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

Si el tema lo trae, déjalo tal cual está.



[boot]

SCRNSAVE.EXE=

En este caso no tenemos protector de pantalla, así que lo dejamos vacío. Pero en caso de

tener le pondríamos %WinDir%Resources\Themes\generico\scr\screensaver.scr o como le

pongas tu.

SONIDOS: [AppEvents\Schemes\Apps\.Default\.Default\.Current] DefaultValue=

[AppEvents\Schemes\Apps\.Default\AppGPFault\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\Close\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\DeviceConnect\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\DeviceDisconnect\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\DeviceFail\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\LowBatteryAlarm\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\MailBeep\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\Maximize\.Current]

DefaultValue= [AppEvents\Schemes\Apps\.Default\MenuCommand\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\MenuPopup\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\Minimize\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\Open\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\PrintComplete\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\RestoreDown\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\RestoreUp\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\RingIn\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\Ringout\.Current] DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemAsterisk\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemExclamation\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemExit\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemHand\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemNotification\.Current]



DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemQuestion\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemStart\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemStartMenu\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemStartMenu\.Current.A]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\SystemStartMenu\.Current.W]

DefaultValue= [AppEvents\Schemes\Apps\.Default\WindowsLogoff\.Current]

DefaultValue=


DefaultValue=


DefaultValue=

[AppEvents\Schemes\Apps\.Default\WindowsLogon\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\WindowsLogon\.Current.A]

DefaultValue=

[AppEvents\Schemes\Apps\.Default\WindowsLogon\.Current.W]

DefaultValue=

[AppEvents\Schemes\Apps\Explorer\EmptyRecycleBin\.Current]

DefaultValue=

[AppEvents\Schemes\Apps\Explorer\Navigating\.Current]

DefaultValue=

Acá vemos una lista de sonidos, lástima que están en ingles, pero lo que tienes que hacer es

guiarte por el nombre que está entre .Default y Current (solo/A/W)

Y la ruta se pone después de defaultValue, como por ejemplo Windows Logoff (cerrar

sesión en Windows) [AppEvents\Schemes\Apps\.Default\WindowsLogoff\.Current]

DefaultValue=%WinDir%Resources\Themes\generico\wav\logoff.wav





Como puedes ver, repetimos en las 3 partes la ruta del archive, en current, current.W y

current.A.

Eso se hace en cada sonido.

TIP: borra los registros que no vayas a usar, por ejemplo, si solo vas a poner sonidos de

login y logoff borra todo el resto de los sonidos, ya que si los dejas vacíos, Windows

carecerá de sonidos importantes, como alertas, al borrarlos, Windows automáticamente les

asignará el sonido por defecto del sistema operativo.

En caso que algo no deba llevar sonido, ponlo, pero sin ninguna ruta.

NOTA: Windows solo admite archivos WAVE (.wav)



[Control Panel\Cursors]

Arrow=

Help=

AppStarting=

Wait=

NWPen=

No=

SizeNS=

SizeWE=

Crosshair=

IBeam=

SizeNWSE=

SizeNESW=

SizeAll=

UpArrow=

Estos son los cursores del mouse, en caso que vayas a poner algunos personalizados. Se

repite 3 veces, al igual que los sonidos

[Control Panel\Cursors]

(…………… Listado de cursores…………….)


[Control Panel\Cursors.A]



[Control Panel\Cursors.W]



En donde (……………Listado de cursores…………….) son las rutas de los cursores

según el nombre como están descritos arriba, ejemplo:

Arrow=%WinDir%Resources\Themes\generico\cursores\flecha.cur

Help=%WinDir%Resources\Themes\generico\cursores\ayuda.cur

AppStarting=%WinDir%Resources\Themes\generico\cursores\segundoplano.cur

…

Si quieres más ejemplos, solo abre cualquier .theme, aun que advierto que en algunos hay

muchos errores.



TIPS

ShellStyle, la mayoría de las veces, por no decir todas, la lista de los style siempre se usan

los mismos nombres:

Shell Folder: Bitmap00010.BMP -> Icono Carpeta Música (Mostrado en el menú inicio)

Bitmap00011.BMP -> Pequeña Foto carpeta Música (Mostrado en las tareas de la carpeta)

Bitmap00012.BMP -> Foto de Música (Fondo de la carpeta)

Bitmap00013.BMP -> Icono Carpeta de Fotografías (Mostrado en el menú inicio)

Bitmap00014.BMP -> Pequeña Foto carpeta Fotografías (Mostrado en las tareas de la carpeta)

Bitmap00015.BMP -> Fondo carpeta Fotografías (Fondo de la carpeta)

Bitmap00016.BMP -> Icono Buscar (Mostrado en el menú inicio)

Bitmap00017.BMP -> Pequeña Foto Buscar (Mostrado en las tareas de la carpeta)

Bitmap00018.BMP -> Búsqueda de archivos (Fondo de la carpeta)

Bitmap00019.BMP -> Icono Carpeta Video (Mostrado en el menú inicio)

Bitmap00020.BMP -> Pequeña Foto carpeta Video (Mostrado en las tareas de la carpeta)

Bitmap00021.BMP -> Carpeta Video (Fondo de la carpeta)

Bitmap00022.BMP -> Icono de Panel de Control (Mostrado en el menú inicio)

Bitmap00025.BMP -> Carpeta de sistema (Carpeta típica como C: o Windows) Bitmap00026.BMP -> Control Panel Folder

Bitmap00100.BMP -> Flecha expandida (para contraer)(sin acciones)

Bitmap00101.BMP -> Flecha expandida (para contraer)(mouse sobre)

Bitmap00102.BMP -> Flecha contraída (para expandir)(sin acciones)

Bitmap00103.BMP -> Flecha contraída (para expandir)(mouse sobre)

Bitmap00104.BMP -> Flecha expandida (para contraer)(sin acciones)

Bitmap00105.BMP -> Flecha expandida (para contraer)(mouse sobre)

Bitmap00106.BMP -> Flecha contraída (para expandir)(sin acciones)

Bitmap00107.BMP -> Flecha contraída (para expandir)(mouse sobre)

Bitmap00112.BMP -> Grupo de tareas (La que está a la izquierda de mi pc) (200x600)

TASKBULLET.GIF -> Botón Ir



Botón Inicio

Menú inicio Superior

Menú Inicio Izquierda Menú Inicio Derecha

Todos los programas

Menú Inicio Abajo



Adicionalmente con este manual se incluye una plantilla para ver los tamaños de corte

Corte su imagen siguiendo esta plantilla, si su imagen es mayor a esta imagen, solo agrande

la plantilla manteniendo el aspecto.

En todo caso, si el tema descompilado trae en su interior un readme, trataré de incluir el

tamaño del menú inicio.

Las carpetas clear son imágenes limpias, cosa de tomar de prueba. Por ejemplo, el botón del

menú inicio.

Si viene la carpeta Examples, son imágenes de muestra que quedan al tema.

Cosas a considerar, según el tema, a veces el menú inicio es de mayor o menor tamaño, una

solución poco convencional es tomar screenshot con el menú inicio desplegado, cortar a ras

del Menú inicio, y luego calcular la medida.