Vista Style Builder: *Si vas a hacer las modificaciones modificaciones al tema con este programa, más 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 cómo 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 montón de imágenes en blanco, todas con formato PNG, este formato NO debe cambiarse y la imagen NO debe modificarse en su tamaño, 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 imágenes 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 más completa en un post de la comunidad de k-rlitos, que recomiendo añadas 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 rápida y fácil.
Menú inicio: Bien, una vez que tenemos las imágenes 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 más 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 A ero > 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 navegación:
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 direcciones anteriores anteriores
4: Explorer & Shell > Explorer > Items View > ItemsView (Textcolor:color) 5: Fonts, Colors & System Metrics > Fonts & System Metrics (windowtextcolor:color) (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) (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 A ero > PlaceList:ListView > GroupHeader (Heading1textcolor:color)
Los menús 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 Personalización: 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 más ubicaciones pero en realidad muy poca información está disponible para su edición, por ello mi forma de ir investigando con este programa es ver los nuevos temas y después analizarlos con el Style Builder hasta descubrir cómo aplicar las propiedades necesarias para cambiar ciertos aspectos, es cansado y se requiere de cierta intuición y mucha paciencia, pero sólo así he podido realizar los cambios que quiero y comprender como funciona este programa. Posteriormente, dependiendo de cuanta vigencia tenga Windows seven, quizás complete el tutorial con la aplicación de algunas propiedades. Sin embargo, con la edición 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.
