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:
ADVERTENCIA:
La importación
de .msstyles
funciona mejor
en archivos
creados con
StyleBuilder.
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.
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:
2 3 4
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.
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:
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.
Y nos mostrará ejemplos de nuestro estilo en forma animada:

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- Acá irán las subcarpetas.
Iro Somaru Saka
X:\windows\resources\Themes\Akane- Acá los cursores del mouse.
Iro Somaru Saka\cur
X:\windows\resources\Themes\Akane- Los iconos.
Iro Somaru Saka\ico
X:\windows\resources\Themes\Akane- VS (VisualStyle), es la carpeta más importante,
Iro Somaru Saka\VS recuerda ponerla tal cual como te la dio el
StyleBuilder, con la carpeta Shell y subcarpetas.
X:\windows\resources\Themes\Akane- El wallpaper, o papel tapiz.
Iro Somaru Saka\wallpaper
X:\windows\resources\Themes\Akane- Carpeta de los sonidos.
Iro Somaru Saka\wav
X:\windows\resources\Themes\Akane- Carpeta del protector de pantalla (acá no existe,
Iro Somaru Saka\scr 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
0000000000000000000000000
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:

[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
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.
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.
[VisualStyles]
Path=%WinDir%resources\Themes\Generico\Generico.msstyles
Size=NormalSize
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.
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=
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)
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
Menú inicio Superior
Menú Inicio Izquierda Menú Inicio Derecha
Todos los programas
Menú Inicio Abajo
Botón Inicio
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.

Manual de Creación de Temas para Windows XP

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Manual de Creación de Temas para Windows XP

Uploaded by

Copyright:

Available Formats

2009

Manual de creación de temas para

Si editas alguno editaras unas 20 imágenes.

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

Estos son los 3 archivos básicos a conocer.

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

Crear un nuevo tema:

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

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

Acá buscaremos la ruta de

Procura guardarla en una carpeta

Una vez definida le damos

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

StyleBuilder ahora soporta Shellstyle.dlls.

StyleBuilder compilará un ShellStyle.dll para cada color

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

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

Acá buscaremos la ruta de

Procura guardarla en una carpeta

Una vez definida le damos

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

Forma 3 importando un tema existente.

Y nos mostrará una ventana de importación:

StartPanelMFUBackground.bmp -> Foto Derecha

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

Editando Menú Inicio:

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

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

Editando “User Panel”:

También tienes el lado derecho que es la

Tienes que pasar cada proceso, cambiar

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

La prueba solo se probará el estilo que XP está

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

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

Incluir archivo msstyle, si o si.

Después de comprimir, hacer:

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

Y si nos vamos al nombre de nuestro estilo:

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

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

Selecciona Add New Color Scheme…

Creación del tema como tal

Te recomiendo tener el tema organizado de la siguiente forma:

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

NOTA: es de suma importancia que a todas las rutas

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

AppWorkspace=128 128 128

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

Si te das cuenta, pusimos la

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

Una de las líneas más importantes.

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

Si queremos seleccionar el Red, ponemos:

Líneas de fondo de escritorio.

En Wallpaper ponemos la ruta del wallpaper.

Eso se hace en cada sonido.

NOTA: Windows solo admite archivos WAVE (.wav)

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

Menú inicio Superior

Menú Inicio Izquierda Menú Inicio Derecha