Vista Style Builder:

*Si vas a hacer las modificaciones al tema con este programa, ms te

vale estar dispuesto a llegar hasta el final*

Leelo TODO aunque te aburras

En este tutorial tratar de poner ejemplos para el uso de este programa y las principales ubicaciones de las partes de

Windows para modificarlas.

Lo importante aqu es el orden, cada cambio tenemos que probar cmo nos qued y luego guardar, para ir

avanzando con paso lento pero seguro.

****Si eres uno de los desafortunados que no han podido ver los fondos de carpeta, algunas modificaciones, quiz

no las puedas ver, espera hasta mi siguiente tutorial donde espero poder ayudarte****

En la carpeta Tema en zero he dejado un montn de imgenes en blanco, todas con formato PNG, este formato NO

debe cambiarse y la imagen NO debe modificarse en su tamao, para evitar que se deforme.

Os pondr las impresiones de pantalla pare que puedas irte guiando.

En este tutorial lo que estamos haciendo es rellenar una plantilla con nuestras imgenes y colores, pero en s no

muestro como modificar esta plantilla, y es que no me he encontrado un tutorial que me lo explique y ando en

etapas de prueba y error.

De hecho este tutorial puede ser visto de manera ms completa en un post de la comunidad de k-rlitos, que

recomiendo aadas a tus marcadores, puesto que es una referencia invaluable.

Es este:

http://k-rlitos.com/foro/topic.php?id=1993

Sin embargo este post fue publicado antes que el parche del programa, por lo que algunas ubicaciones de archivos

han sido movidas o les han cambiado el nombre (debido al parche). Respecto a estas ubicaciones intentar corregir

dentro de lo que pueda.

Para crear la imagen del men inicio, he creado el siguiente video donde muestro como el gran programa de

Photosop CS6 no sabe recortar.

http://www.youtube.com/watch?v=gGEhIoc0LYA&feature=youtu.be

Enseguida pondr las partes que modifico principalmente en los temas que he hecho.

Vamos a suponer que el programa que estas usando es el mismo que yo, debe de ser asi si es que has estado

siguiendo este tutorial. Bueno pues en el siguiente video te muestro como llegar a las direcciones de los programas

de manera rpida y fcil.

Men inicio:

Bien, una vez que tenemos las imgenes del men inicio (normal y extendido) recortadas en 4 partes, las tenemos

que importar en las siguientes direcciones:

Start Menu > Panels > Aero > Top > MorePrograms

Start Menu > Panels > Aero > Top > MoreProgramsExtended

Start Menu > Panels > Aero > Top > ProgramsList

Start Menu > Panels > Aero > Top > ProgramsListExtended

Start Menu > Panels > Aero > Top > PlacesList

Start Menu > Panels > Aero > Top > PlacesListExtended

Start Menu > Panels > Aero > Top > Logoff

Start Menu > Panels > Aero > Top > LogoffExtended

Start Menu > Panels > Aero > Top > NSCHost (La misma imagen que la de ProgramsList)

Aqui tenem,os ms direcciones de elementos para modificar el men inicio:

1:

Start Menu > Menus > Aero >

StartMenuCompositedMFU::ListView

(Glowcolor)

Start Menu > Panels > Basic >

ProgramsList (textcolor)

(hottraking color)

Fonts, Colors & System Metrics >

Fonts & System Metrics

(icontitlefont:font)

2:

Start Menu > Panels > Basic >

MoreProgramsTab (imagen)

Start Menu > Panels > Aero > Top >

MoreProgramsTab (textcolor)

(glowcolor)

3:

Start Menu > Panels > Basic > JumpListArrow (imagen)

4:

Start Menu > Menus > Aero > PlaceList:ListView (glowcolor)

Start Menu > Panels > Basic > PlacesList (textcolor) (hottraking color)

Fonts, Colors & System Metrics > Fonts & System Metrics (icontitlefont:font)

5:

Start Menu > Panels > Basic > PlacesListHover (imagen)

(Esta imagen aparece cuando pasamos el cursor encima de los programas de la derecha, por ejemplo mi PC,

documentos, panel de control, etc)

Menu inicio extendido:

1:

Start Menu > Menus > Basic >

ListView > GroupHeader

(heading text color)

2:

Start Menu > Panels > Basic >

PlacesListExtended (Textcolor)

(Hottraking Color)

Start Menu > Menus > Aero >

PlaceList:ListView (glowcolor)

(Propiedad compartida con el

numero 4 anterior)

1:

Explorer & Shell > Explorer > TreeView

(Fillcolor:color)

2:

Start Menu > Panels > Basic > NSCHost

(infotext:color) (infobk:color)

3:

Buttons, Boxes & Controls > Scroll Bars &

Trackers > ScrollBar >

ThumbButtonVertical (imagen)

Para las ventanas de navegacin:

1:

Address, Breadcrumb & Search >

Breadcrumb > Aero > Normal >

Active Crumbs (texcolor)

(Glowcolor)

Address, Breadcrumb & Search >

Breadcrumb > Aero > Normal >

Inactive Crumbs (texcolor)

(glowcolor)

2:

Address, Breadcrumb & Search >

Search > Edit > SearchEdit >

TextBox > Normal Text (texcolor)

(glowcolor)

3:

Explorer & Shell > Explorer > Toolbar and Library Pane > ToolbarBackgroundShineLayer (Imagen)

4:

Explorer & Shell > Explorer > Toolbar and Library Pane > LibraryHeaderBackground (Imagen)

*Estas imagines 3 y 4, se editan juntas y se recortan como se mostr anteriormente para el men inicio.

5:

Explorer & Shell > Explorer > Items View > ItemsView (Fillcolorhint:color)

6:

Explorer & Shell > Explorer > Navigation Pane > Background (Fillcolorhint:color)

7:

Explorer & Shell > Explorer > Details Pane > Background > BackgroundShineLayer (imagen)

1:

Explorer & Shell > Explorer > Toolbar and Library Pane > ToolbarButton > Normal (texcolor:color)

2:

Explorer & Shell > Explorer > Toolbar and Library Pane > LibraryHeader > HeaderText (Textcolor:color)

3:

Explorer & Shell > Explorer > Toolbar and Library Pane > LibraryHeaderFolderViewButton > Normal

Explorer & Shell > Explorer > Toolbar and Library Pane > LibraryHeaderFolderViewButton > Hover

Explorer & Shell > Explorer > Toolbar and Library Pane > LibraryHeaderFolderViewButton > Pushed

Explorer & Shell > Explorer > Toolbar and Library Pane > LibraryHeaderFolderViewButton > Selected

(textcolor:color) Para todas las direcciones anteriores

4:

Explorer & Shell > Explorer > Items View > ItemsView (Textcolor:color)

5:

Fonts, Colors & System Metrics > Fonts & System Metrics (windowtextcolor:color)

6:

Explorer & Shell > Explorer > Items View > ItemsView > Subheader > Normal (Textcolor:color) descripcion de carpeta

7:

Explorer & Shell > Explorer > Details Pane > HeadingText1 (textcolor:color)

8:

Explorer & Shell > Explorer > Details Pane > HeadingText2 (textcolor:color)

9:

Explorer & Shell > Explorer > Details Pane > BodyText > BodyText1 (textcolor:color)

10:

Explorer & Shell > Explorer > Items View > ItemsView > Folder background > BigView (imagen)

Explorer & Shell > Explorer > Items View > ItemsView > Folder background > SmallView (imagen)

Explorer & Shell > Explorer > Items View > ItemsView > Folder background > RowView (imagen)

Explorer & Shell > Explorer > Items View > ItemsView > Folder background > InfoView (imagen)

Explorer & Shell > Explorer > Items View > ItemsView > Folder background > SpreadView (imagen)

Explorer & Shell > Explorer > Items View > ItemsView > Folder background > ContentView (imagen)

11:

Fonts, Colors & System Metrics > Fonts & System Metrics (windowtextcolor:color)

(es el mismo que el de los nombres de carpeta, ambos se modifican al mismo tiempo)

1:

Fonts, Colors & System Metrics > Fonts & System Metrics (Highlightcolor:color)

2:

Toolbars, Headers and Rebar > Toolbars & Headers > Toolbar > (normal, hot, pressed, disabled, Cheked,

Hotcheked, nearhot, othersideHot) (textcolor)

3:

Explorer & Shell > Explorer > Items View > ListView > GroupHeader (heading1textcolor:color)

4:

Explorer & Shell > Explorer > Items View > ListView > ExpandButton > Normal (imagen)

Explorer & Shell > Explorer > Items View > ListView > ExpandButton > Hoverl (imagen)

Explorer & Shell > Explorer > Items View > ListView > ExpandButton > Pushed (imagen)

Explorer & Shell > Explorer > Items View > ListView > CollapseButton > Normal (imagen)

Explorer & Shell > Explorer > Items View > ListView > CollapseButton > Hover (imagen)

Explorer & Shell > Explorer > Items View > ListView > CollapseButton > Pushed (imagen)

5:

Explorer & Shell > Explorer > TreeView > TreeItem > Hot (textcolor:color)

Explorer & Shell > Explorer > TreeView > TreeItem > Selected (textcolor:color)

Windows and Caption Buttons > Aero > Dwm Window > Glows > CloseButton (imagen)

Windows and Caption Buttons > Aero > Dwm Window > Glows > Restore/Maximize Button

(imagen)

Taskbar & System Tray > TaskBand > Aero > TaskBandExtendedUI > Horizontal > Thumbnails & Controls >

BackgroundShadow (imagen)

La imagen que se ve como transparencia en los titulos de ventana:

Windows and Caption Buttons > Aero > Dwm Window > Reflections (imagen)

Para la imagen del calendario:

Explorer & Shell > Shell > MonthCal >

CalendaItemsPaneBackground (imagen)

Cuando arrastramos un archivo o carpeta para copiarlo aparece una imagen, la

podemos editar desde ac:

Explorer & Shell > Shell > DragDrop > ImageBackground (imagen)

1:

Start Menu > Panels > Aero > Top > JumpListUser (imagen)

Start Menu > Menus > Aero > PlaceList:ListView (glowcolor) Propiedad compartida con el men inicio

2:

Start Menu > Panels > Basic > JumpListUser (textcolor:color)(hottrackingcolor:color)

3:

Start Menu > Menus > Aero > PlaceList:ListView > GroupHeader (Heading1textcolor:color)

Los mens contextuales:

1:

Lists, Menus & Tabs > Menu > PopUpItem (textcolor:color)

(Glowcolor:color)

2:

Lists, Menus & Tabs > Menu > PopUpSubMenu > Normal

(imagen)

Lists, Menus & Tabs > Menu > PopUpSubMenu > Disabled

(imagen)

Lists, Menus & Tabs > Menu > PopUpItem > Hot

(textcolor:color)

Lists, Menus & Tabs > Menu > PopUpItem > Disabled

(textcolor:color)

Lists, Menus & Tabs > Menu > PopUpItem > DisabledHot

(textcolor:color)

3:

Lists, Menus & Tabs > Menu > PopUpBackground (imagen)

Para la barra del panel de control:

Explorer & Shell > Explorer > Items View > ItemsView > Shell32 > ControlPanelTopBar (imagen)

Para la imagen lateral del panel de

Personalizacin:

Explorer & Shell > Explorer > Items View >

ItemsView > Shell32 > ThemeLeftBar

(imagen)

Para las barras de progreso:

Buttons, Boxes & Controls > Progress Bars > Normal

> MoveOverlay (image)

Buttons, Boxes & Controls > Progress Bars > Normal

> MoveOverlayVertical (imagen)

Buttons, Boxes & Controls > Progress Bars >

Indeterminate > MoveOverlay (imagen)

Buttons, Boxes & Controls > Progress Bars > Normal

> Fill (imagen)

Buttons, Boxes & Controls > Progress Bars > Normal

> FillVertical (imagen)

Existen muchas ms ubicaciones pero en realidad muy poca informacin est disponible para su edicin, por ello mi

forma de ir investigando con este programa es ver los nuevos temas y despus analizarlos con el Style Builder hasta

descubrir cmo aplicar las propiedades necesarias para cambiar ciertos aspectos, es cansado y se requiere de cierta

intuicin y mucha paciencia, pero slo as he podido realizar los cambios que quiero y comprender como funciona

este programa.

Posteriormente, dependiendo de cuanta vigencia tenga Windows seven, quizs complete el tutorial con la aplicacin

de algunas propiedades.

Sin embargo, con la edicin de las partes que he mostrado y la creatividad que tengas para utilizar photoshop,

entonces puedes crear ya temas bastante completos, incluso editar algunos aspectos de aquellos que ya tengas.