You are on page 1of 13

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 > <default> (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.

You might also like