BLOQUE 14 DETALLES EN VENTANAS ( barras de desplazamiento y herramientas )

PAGINA ANTERIOR BLOQUE 13 VENTANAS TEXTO EN DETALLE Y BARRA DE PROCEDIMIENTO

BLOQUE 14

DETALLES EN VENTANAS ( barras de desplazamiento y herramientas )

COMENZAMOS CON LA PRIMERA IMAGEN QUE ES ( O SON ) LAS BARRAS DE DESPLAZAMIENTO QUE ENTRE ALGUNAS DE LAS FUNCIONES QUE TIENEN ES DESPLAZAR ALGUNA IMAGEN MOSTRAR EL SONIDO COMO OBSERVAMOS EN EL VOLUMEN ENTRE MUCHAS ACCIONES MAS.

DOBLE CLIC PARA OBSERVAR MEJOR LA IMAGEN

BARRA DE AGRANDAMIENTO O DESPLAZAMIENTO

IMAGEN

A = Buttons, Boxes, & Controls > Scroll Bars & Trackers > TrackBar > TrackVertical ( SE PUEDE editar modificar o cambiar )

IMAGEN

B = Buttons, Boxes, & Controls > Scroll Bars & Trackers > TrackBar > ThumbVertical ( SE PUEDE editar modificar o cambiar )

IMAGEN 

C = Buttons, Boxes, & Controls > Scroll Bars & Trackers > TrackBar > Thumb ( SE PUEDE editar modificar o cambiar )

IMAGEN

D = Buttons, Boxes, & Controls > Scroll Bars & Trackers > TrackBar > Track ( SE PUEDE editar modificar o cambiar )

ESTA IMAGEN ES LA QUE SE ENCUENTRA EN LA VENTANA DEL BLOC DE NOTAS Y ES LA BARRA DE HERRAMIENTAS 

POR LO TANTO ESTA IMAGEN NO AFECTA A NINGÚN OTRA PARTE DEL SISTEMA

O IMAGEN

DOBLE CLIC PARA OBSERVAR MEJOR LA IMAGEN

IMAGEN BLOC DE NOTAS

A = Lists, Menus, & Tabs > Menu > BarBackground ( SE PUEDE editar modificar o cambiar )

EN EL MENÚ DE PROPIEDADES PODEMOS EDITAR VARIAS DE LAS IMÁGENES PERO TENGAN EN CUENTA QUE LOS BOTONES SON LOS MISMOS PARA CASI TODO WINDOWS.

DOBLE CLIC PARA OBSERVAR MEJOR LA IMAGEN

EL MENÚ DE PROPIEDADES ESTA DIVIDIDO EN VARIAS IMÁGENES PERO AL IR EDITANDO OTRAS PARTES, EL MENÚ IRA ADQUIRIENDO COLORES, TEXTOS Y BOTONES. 

SIN NECESIDAD DE AGREGARLOS

IMAGEN CONTORNO

A = Lists, Menus, & Tabs > Tab > Pane ( SOLO SE PUEDE CAMBIAR DE COLOR )

BOTONES

B = Buttons, Boxes, & Controls > Buttons > Button > PushButton (Nota al cambiar los botones se alteraran todos los botones de windows ) ( SE PUEDE editar modificar o cambiar )

BOTON MARCADOR

C = Buttons, Boxes, & Controls > Buttons > Button > CheckBox ( SE PUEDE editar modificar o cambiar )

IMAGEN TRASERA

D = Buttons, Boxes, & Controls > Boxes > Edit > Basic > EditBorder(HorizontalScroll) ( SOLO SE PUEDE CAMVIAR EL COLOR )

IMAGEN FONDO

E = Lists, Menus, & Tabs > Tab > Body ( SOLO SE PUEDE CAMBIAR DE COLOR )

BOTON

F = Lists, Menus, & Tabs > Tab > TopTabItemLeftEdge ( SE PUEDE editar modificar o cambiar )

BOTON

G = Lists, Menus, & Tabs > Tab > TopTabItemRightEdge ( SE PUEDE editar modificar o cambiar )

BOTON

H = Lists, Menus, & Tabs > Tab > TopTabItem ( SE PUEDE editar modificar o cambiar )

BOTON

I =Lists, Menus, & Tabs > Tab > TopTabItemRightEdge ( SE PUEDE editar modificar o cambiar )

BOTON

J = Lists, Menus, & Tabs > Tab > TopTabItemBothEdge ( SE PUEDE editar modificar o cambiar )

SEPARADOR

K = Fonts, Colors, & System Metrics > Fonts & System Metrics ( modificar propiedad BTNSHADOW:COLOR )

TEXTO

Fonts, Colors, & System Metrics > Colors (Globals) ( agregar propiedad TEXTCOLOR:COLOR y poner color que baya de a cuerdo con su tema ) TENER EN CUENTA QUE ESTA PROPIEDAD CAMBIA TAMBIÉN MUCHAS PARTES DE WINDOWS

LA PRÓXIMA IMAGEN ES LA QUE CONTIENE LAS OPCIONES DE CAMBIAR O DASISTALAR ALGÚN PROGRAMA ENTRE OTRAS FUNCIONES

DOBLE CLIC PARA OBSERVAR MEJOR LA IMAGEN

BARRAS DE HERRAMIENTAS CAMBIAR Y DESISTALAR UN PROGRAMA

IMAGEN

A = Explorer & Shell > Explorer > Control Panel > CommandModule > Background ( SE PUEDE editar modificar o cambiar )

LA IMAGEN SIGUIENTE ES MUY POCO VISTA PERO AL EDITAR O CREAR UN TEMA SE DEFERENCIA MUCHO CUANDO NO LA EDITAMOS O MODIFICAMOS, ME REFIERO A LOS BOTONES DE COMANDO, LINK ( ENLACE ) Y SUS FLECHAS

DOBLE CLIC PARA OBSERVAR MEJOR LA IMAGEN

BOTÓN DE COMANDO O LINK IMAGEN

BOTON

A = Buttons, Boxes, & Controls > Buttons > Button > CommandLink ( SE PUEDE editar modificar o cambiar )

FLECHAS 

B = Buttons, Boxes, & Controls > Buttons > Button > CommandLinkGlyph ( Solo imagen DPI minimo:96 ) ( SOLO SE PUEDE CAMBIAR DE COLOR )

Y LA ULTIMA IMAGEN ES CUANDO NOS AVISA DE QUE SI QUEREMOS REMPLAZAR ENTRA OTRAS OPCIONES

DOBLE CLIC PARA OBSERVAR MEJOR LA IMAGEN

IMAGEN DE ALGUNAS VENTANAS DE PROTECCIÓN Y PREGUNTA

IMAGEN 

A = Explorer & Shell > Shell > TaskDialog > SecondaryPanel ( SE PUEDE editar modificar o cambiar )

IMAGEN 

Explorer & Shell > Shell > TaskDialog > PrimaryPanel ( SE PUEDE editar modificar o cambiar )

.......

BLOQUE 13 VENTANAS TEXTO EN DETALLE Y BARRA DE PROCEDIMIENTO

PAGINA ANTERIOR BLOQUE 12 BARRAS DE DESPLAZAMIENTO E INTERIOR

BLOQUE 13

 VENTANAS TEXTO EN DETALLE, BARRA DE PROCEDIMIENTO E IMAGEN TRASERA DE LOS ICONOS DEL ESCRITORIO

DOBLE CLIC PARA VER MEJOR LA IMAGEN

TEXTO NORMAL

A = Explorer & Shell > Explorer > Items View > ItemsView > Details > Details View Default ( TEXTCOLOR:COLOR )

TEXTO SELECCIONADO

A = Explorer & Shell > Explorer > Items View > ItemsView > Details > Selected ( TEXTCOLOR:COLOR )

TEXTO NORMAL

B = Explorer & Shell > Explorer > Items View > ItemsView > Details > Property ( TEXTCOLOR:COLOR )

TEXTO SELECCIONADO

B = Explorer & Shell > Explorer > Items View > ItemsView > Details > Selected Property ( TEXTCOLOR:COLOR )

AQUÍ MODIFICAREMOS LA IMAGEN DE LA BARRA DE PROCESO

DOBLE CLIC PARA VER MEJOR LA IMAGEN

IMAGEN

A = Buttons, Boxes, & Controls > Progress Bars > Normal > Fill ( SE PUEDE editar modificar o cambiar ) 

IMAGEN

B = Buttons, Boxes, & Controls > Progress Bars > Normal > MoveOverlay ( SE PUEDE editar modificar o cambiar ) 

COLOR DE FONDO

C = Fonts, Colors, & System Metrics > Fonts & System Metrics

IMAGEN

D = Buttons, Boxes, & Controls > Progress Bars > Normal > TransparentBar ( SE PUEDE editar modificar o cambiar ) 

AQUÍ MODIFICAREMOS LA IMAGEN TERCERA DE LOS ICONOS DEL ESCRITORIO 

DOBLE CLIC PARA VER MEJOR LA IMAGEN

LA IMAGEN DEL ESCRITORIO SON TRES PARTES O MOMENTOS EN LA IMAGEN LES MUESTRO CUALES SON Y EN DONDE SE ENCUENTRAN CADA UNA

IMAGEN NORMAL ( cuando solo pasa el cursor )

A = Windows 8 (For Testing Purposes Only) > Desktop ListView > ListItem > Hot ( SE PUEDE editar modificar o cambiar )

IMAGEN SELECCIONAR ( cursor encima )

B = Windows 8 (For Testing Purposes Only) > Desktop ListView > ListItem > Selected ( SE PUEDE editar modificar o cambiar )

IMAGEN SELECCIONAR PARA DAR CLIC

C = Windows 8 (For Testing Purposes Only) > Desktop ListView > ListItem > HotSelected ( SE PUEDE editar modificar o cambiar )

SE PUEDE PONER UNA IMAGEN AUNQUE NO TENGAS EL CURSOR ENCIMA DE ALGÚN ICONO LA DIRECCIÓN EN DONDE ESTA ES ES LA SIGUIENTE 

Windows 8 (For Testing Purposes Only) > Desktop ListView > ListItem > Normal ( SE PUEDE editar modificar o cambiar )

AY QUE AGREGAR UNAS PROPIEDADES PARA QUE APAREZCA LA IMAGEN LAS CUALES SON 

IMAGEFILE:FILENAME ( COLOCAR IMAGEN )

SIZINGMARGINS:MARGINS con valor  0, 0, 0, 0 ( NOTA SI NO PONES EL VALOR SE SERRARA EL PROGRAMA Y PERDERÁS TODO LO QUE AYAS MODIFICADO )

CONTENTMARGINS.MARGINS con valor 0, 0, 0, 0

BGTYPE:ENUM PROPIEDAD IMAGEFILE

SIZINGTYPE:ENUM PROPIEDAD STRETCH

CONTINUAR.....

BLOQUE 12 BARRAS DE DESPLAZAMIENTO E INTERIOR

PAGINA ANTERIOR  BLOQUE 11  BARRA DE BÚSQUEDA Y RIBBON EN VENTANAS

BLOQUE 12

BARRAS DE DESPLAZAMIENTO E INTERIOR DE LA VENTANA

DOBLE CLIC PARA AUMENTAR LA IMAGEN

LAS BARRAS DE DESPLAZAMIENTO ESTÁN DIVIDIDAS EN 9 IMÁGENES

IMAGEN FLECHAS

A = Buttons, Boxes, & Controls > Scroll Bars & Trackers > ScrollBar > ArrowButton ( SE PUEDE editar modificar o cambiar )

IMAGEN TRASERA ( parte de arriba )

B = Buttons, Boxes, & Controls > Scroll Bars & Trackers > ScrollBar > UpperTrackVertical ( SE PUEDE editar modificar o cambiar )

IMAGEN TRASERA ( parte de abajo )

B = Buttons, Boxes, & Controls > Scroll Bars & Trackers > ScrollBar > LowerTrackVertical ( SE PUEDE editar modificar o cambiar )

IMAGEN TRASERA ( derecha )

C = Buttons, Boxes, & Controls > Scroll Bars & Trackers > ScrollBar > RightTrackHorizontal ( SE PUEDE editar modificar o cambiar )

IMAGEN TRASERA ( izquierda )

C = Buttons, Boxes, & Controls > Scroll Bars & Trackers > ScrollBar > LeftTrackHorizontal ( SE PUEDE editar modificar o cambiar )

IMAGEN CENTRAL VERTICAL 

D = Buttons, Boxes, & Controls > Scroll Bars & Trackers > ScrollBar > GripperVertical ( SE PUEDE editar modificar o cambiar )

IMAGEN CENTRAL HORIZONTAL

E =  Buttons, Boxes, & Controls > Scroll Bars & Trackers > ScrollBar > GripperHorizontal ( SE PUEDE editar modificar o cambiar )

IMAGEN DE LA BARRA VERTICAL

F = Buttons, Boxes, & Controls > Scroll Bars & Trackers > ScrollBar > ThumbButtonVertical ( SE PUEDE editar modificar o cambiar )

IMAGEN DE LA BARRA HORIZONTAL

G = Buttons, Boxes, & Controls > Scroll Bars & Trackers > ScrollBar > ThumbButtonHorizontal ( SE PUEDE editar modificar o cambiar )

EN ESTA IMAGEN VEREMOS COMO MODIFICAR EL INTERIOR DE LA VENTANA Y EL TEXTO

DOBLE CLIC PARA AUMENTAR LA IMAGEN

COLOR INTERIOR

A = Explorer & Shell > Explorer > ProperTree > Background ( FILLCOLOR:COLOR )

COLOR INTERIOR

B = Explorer & Shell > Explorer > Items View > ItemsView ( FILLCOLOR:COLOR )

TEXTO ( SOLO ICONOS GRANDES )

B = Explorer & Shell > Explorer > Items View > ItemsView ( TEXTCOLOR:COLOR )

COLOR INTERIOR

C = Explorer & Shell > Explorer > ReadingPane > Background ( FILLCOLOR:COLOR )

TEXTO

C = Explorer & Shell > Explorer > ReadingPane > NoPreviewText ( TEXTCOLOR:COLOR )

AMIGOS TENGAN EN CUANTA QUE TAMBIÉN ES UNA VENTANA LA IMAGEN "C" POR LO TANTO AY QUE CAMBIARLE EL COLOR DE LA LETRA PARA QUE SE DISTINGA Y ESTAS SON LAS DIRECCIONES 

Explorer & Shell > Explorer > PreviewPane > File Name ( TEXTCOLOR:COLOR )

Explorer & Shell > Explorer > PreviewPane > Attribute Name ( TEXTCOLOR:COLOR )

Explorer & Shell > Explorer > PreviewPane > Metadata Label (Save Dialog) ( TEXTCOLOR:COLOR )

Explorer & Shell > Explorer > PreviewPane > Metadata Control / Value (Save Dialog) > Read-Only ( TEXTCOLOR:COLOR )

Explorer & Shell > Explorer > PreviewPane > Metadata Control / Value (Save Dialog) > Editable ( TEXTCOLOR:COLOR )

ESTAS SON LAS RUTAS NO TENGO UNA IMAGEN PERO TRATARE DE SUBIRLA PRONTO

TEXTO

D = Fonts, Colors, & System Metrics > Fonts & System Metrics  ( WINDIWTEXT:COLOR )

TEXTO ACTIVO

E = Windows & Caption Buttons > Aero > DWM Window > Frames > Window > Top > Active ( TEXTCOLOR:COLOR )

TEXTO INACTIVO

E = Windows & Caption Buttons > Aero > DWM Window > Frames > Window > Top > Inactive ( TEXTCOLOR:COLOR )

TEXTO ACTIVO MAX

E = Windows & Caption Buttons > Aero > DWM Window > Frames > Window > Top > MaxActive ( TEXTCOLOR:COLOR )

TEXTO INACTIVO MAX

E = Windows & Caption Buttons > Aero > DWM Window > Frames > Window > Top > MaxInactive ( TEXTCOLOR:COLOR )

CONTINUAR.....

BLOQUE 11 BARRA DE BÚSQUEDA Y RIBBON EN VENTANAS

PAGINA ANTERIOR VENTANAS MARCOS, SOMBRAS Y SEPARADORES 

BLOQUE 11

BARRA DE BÚSQUEDA EN VENTANAS

AQUÍ COMENZAREMOS A EDITAR LA BARRA DE BÚSQUEDA DE LAS VENTANAS AQUÍ SON POCAS IMÁGENES ASÍ QUE LES SERA MUY FÁCIL MODIFICAR LAS O CAMBIARLAS .

ESTA IMAGEN MUESTRA LAS UBICACIONES DE CADA IMAGEN DE LA BARRA DE BÚSQUEDA

 BARRA DE BÚSQUEDA EN VENTANAS

IMAGEN ACTIVA

A = Toolbars, Headers, & Rebar > Rebar > NavBar > Aero > Normal > Active > Background ( puede EDITAR , modificar o canbiar )

AQUÍ AY QUE PONER ALGUNAS PROPIEDADES QUE SON IMAGEFILE:ENAME ( valor cualquier imagen ), BGTYPE:ENUM( valor imagefile ) Y SIZINGMARGINS:MARGINS( valor 0, 0, 0, 0 ) Que no se te olvide poner los valores ya ya el programa puede dejar de funcionar.

RECUERDA QUE PUEDES COPIAR LAS PROPIEDADES Y PEGARLAS PARA AHORRARTE MUCHO TIEMPO ( nota solo en caso de querer siempre la misma imagen )

IMAGEN INACTIVA

A = Toolbars, Headers, & Rebar > Rebar > NavBar > Aero > Normal > Inactive > Background ( pegar la misma imagen )

IMAGEN ACTIVA MAX

A = Toolbars, Headers, & Rebar > Rebar > NavBar > Aero > Max > Active > Background ( pegar la misma imagen )

IMAGEN INACTIVA MAX

A = Toolbars, Headers, & Rebar > Rebar > NavBar > Aero > Max > Inactive > Background ( pegar la misma imagen )

IMAGEN NORMAL

B = Address, Breadcrumb, & Search > Address > AddressBand > Basic > AddressBand > Background ( editar )

IMAGEN HOT ( al dar clic )

B = Buttons, Boxes, & Controls > Boxes > Edit > Basic > Background ( puede modificar o canbiar )

TEXTO ACTIVO

B = Address, Breadcrumb, & Search > Breadcrumb > Aero > Normal > Active Crumbs 

TEXTO INACTIVO

B = Address, Breadcrumb, & Search > Breadcrumb > Aero > Normal > Inactive Crumbs

TEXTO ACTIVO MAX ( para cuando la ventana esta maximizada )

B = Address, Breadcrumb, & Search > Breadcrumb > Aero > Max > Active Crumbs

TEXTO INACTIVO MAX ( para cuando la ventana esta maximizada )

B = Address, Breadcrumb, & Search > Breadcrumb > Aero > Max > Inactive Crumbs

IMAGEN (nota tanbien afecta a el cuadro de busqueda del menu de inicio )

C = Address, Breadcrumb, & Search > Search > SearchBox > Basic > Normal > Active > Background ( puede EDITAR , modificar o canbiar )

TEXTO DE BUSQUEDA

C = Address, Breadcrumb, & Search > Search > Edit > SearchEdit > TextBox > Normal Text

IMAGEN HACIA DELANTE 

D = Buttons, Boxes, & Controls > Buttons > Navigation > ForwardButton ( puede EDITAR , modificar o canbiar )

IMAGEN HACIA TRAS

D = Buttons, Boxes, & Controls > Buttons > Navigation > BackButton ( puede EDITAR , modificar o canbiar )

IMAGEN IZQUIERDA

E = Address, Breadcrumb, & Search > Breadcrumb > Basic > Normal > Active Crumbs > SplitButton ( puede EDITAR , modificar o canbiar )

IMAGEN DERECHA

E = Address, Breadcrumb, & Search > Breadcrumb > Basic > Normal > Active Crumbs > SplitButtonDropDown ( puede EDITAR , modificar o canbiar )

IMAGEN FLECHAS ( imagen derecha )

E = Address, Breadcrumb, & Search > Breadcrumb > Basic > Normal > Active Crumbs > SplitButtonDropDown (abrir pestaña glyph image, DPI 96 ),( editar )

LA SIGUIENTE IMAGEN CONTIENE LA BARRA RIBBON 

BARRA RIBBON DE LAS VENTANAS

IMAGEN 

A = Explorer & Shell > Explorer > CommandModule > BackgroundShineLayer ( SE PUEDE editar modificar o cambiar )

IMAGEN BOTON

B = Explorer & Shell > Explorer > CommandModule > Button ( SE PUEDE editar modificar o cambiar )

TEXTO DE LOS BOTONES

C = Explorer & Shell > Explorer > CommandModule > Button > Normal ( TEXTCOLOR:COLOR )

CONTINUAR.....

BLOQUE 10 VENTANAS MARCOS, SOMBRAS Y SEPARADORES

PAGINA ANTERIOR MENÚ CONTEXTUAL PARTE 2

BLOQUE 10

( VENTANAS ) 

MARCOS,  SOMBRAS Y SEPARADORES

LA VENTANA ESTA DIVIDIDA EN MUCHAS PARTES PERO EN ESTE BLOQUE SOLO VEREMOS LOS MARCOS DE ARRIBA , ABAJO , DERECHA E IZQUIERDA .

JUNTO CON SUS SOMBRAS , EN LA IMAGEN QUE LES DEJO ESTARÁN LAS PARTES A EDITAR POR LO TANTO NO TENDRÁN DIFICULTAD PARA ENCONTRAR LAS DIRECCIONES A DONDE DIRIGIRSE .

( LAS SOMBRAS SON PARA DAR UN ASPECTO MAS ROBUSTO AL MARCO DE LA VENTANA . )

DOBLE CLIC SOBRE LA IMAGEN PARA AUMENTARLA Y VERLA MEJOR

VENTANAS MARCOS Y SEPARADORES

IMAGEN ACTIVA

A = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > FRAMES > WINDOW > TOP > ACTIVE

IMAGEN INACTIVA

A = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > FRAMES > WINDOW > TOP > INACTIVE

IMAGEN ACTIVA MAX

A = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > FRAMES > WINDOW > TOP > MAX ACTIVE

IMAGEN INACTIVA MAX

A = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > FRAMES > WINDOW > TOP > MAX INACTIVE

SOMBRA ACTIVA

A = Windows & Caption Buttons > Aero > DWM Window > Frames > Details > Shadows > Top > Active

SOMBRA INACTIVA

A = Windows & Caption Buttons > Aero > DWM Window > Frames > Details > Shadows > Top > Inactive

IMAGEN ACTIVA

B = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > FRAMES > WINDOW > RIGHT > ACTIVE

IMAGEN INACTIVA

B = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > FRAMES > WINDOW > RIGHT > INACTIVE

SOMBRA ACTIVA 

B = Windows & Caption Buttons > Aero > DWM Window > Frames > Details > Shadows > Right > Active

SOMBRA INACTIVA

B = Windows & Caption Buttons > Aero > DWM Window > Frames > Details > Shadows > Right > Inactive

IMAGEN ACTIVA

C = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > FRAMES > WINDOW > LEFT > ACTIVE

IMAGEN INACTIVA

C = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > FRAMES > WINDOW > LEFT > INACTIVE

SOMBRA ACTIVA 

C = Windows & Caption Buttons > Aero > DWM Window > Frames > Details > Shadows > Left > Active

SOMBRA INACTIVA

C = Windows & Caption Buttons > Aero > DWM Window > Frames > Details > Shadows > Left > Inactive

IMAGEN ACTIVA

D = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > FRAMES > WINDOW > BOTTON > ACTIVE

IMAGEN INACTIVA

D = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > FRAMES > WINDOW > BOTTON > INACTIVE

SOMBRA ACTIVA 

D = Windows & Caption Buttons > Aero > DWM Window > Frames > Details > Shadows > Bottom > Active

SOMBRA INACTIVA

D = Windows & Caption Buttons > Aero > DWM Window > Frames > Details > Shadows > Bottom > Inactive

LA IMAGEN QUE SE VE AL ARRASTRAR UNA VENTANA PARA AMPLIAR ESTA EN LA SIGUIENTE DIRECCIÓN 

Windows & Caption Buttons > Aero > DWM Window > Frames > Details > Reflections > Aero Peek Background ( Se puede agregar cualquier imagen )

IMAGEN "E" BOTONES

BOTÓN CERRAR ACTIVA

F = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > CONTROLS > CAPTIONS > WINDOWS > CLOSE BUTTON > NORMAL BUTTON > ACTIVE

BOTÓN CERRAR INACTIVA

F = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > CONTROLS > CAPTIONS > WINDOWS > CLOSE BUTTON > NORMAL BUTTON > INACTIVE

BOTÓN CERRAR ACTIVA ( ventana de agregar )

F = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > CONTROLS > CAPTIONS > WINDOWS > CLOSE BUTTON > LONE BOTTON > ACTIVE

BOTÓN CERRAR INACTIVA ( ventana de agregar )

F = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > CONTROLS > CAPTIONS > WINDOWS > CLOSE BUTTON > LONE BOTTON > INACTIVE

IMAGEN DE BOTÓN ( cerrar ) esta imagen se puede editar o suprimir si es que la imagen que colocaste ya lo contiene o no te gusta

C = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > CONTROLS > CAPTIONS > WINDOWS > CLOSE GLYPH > 96dpi

BOTÓN MAXIMIZAR ACTIVA

E = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > CONTROLS > CAPTIONS > WINDOWS > RESTORE/MAXIMIZE BUTTON > BUTTON > ACTIVE

BOTÓN MAXIMIZAR INACTIVA

E = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > CONTROLS > CAPTIONS > WINDOWS > RESTORE/MAXIMIZE BUTTON > BUTTON > INACTIVE

IMAGEN DE BOTÓN ( MAXIMIZAR ) esta imagen se puede editar o suprimir si es que la imagen que colocaste ya lo contiene o no te gusta

B = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > CONTROLS > CAPTIONS > WINDOWS > RESTORE/MAXIMIZE BUTTON > RESTORE GLYPH > 96dpi

IMAGEN DE BOTÓN ( MAXIMIZAR ventana de agregar ) esta imagen se puede editar o suprimir si es que la imagen que colocaste ya lo contiene o no te gusta

B = WINDOWS & CAPTION BUTTONS > AERO > DWM >WINDOW > CONTROLS > CAPTIONS > WINDOWS > RESTORE/MAXIMIZE BUTTON > MAXIMIZE GLYPH > 96dpi

BOTÓN MINIMIZAR

D = Windows & Caption Buttons > Aero > DWM Window > Controls > Captions > Window > Minimize/Help Button > Button > Active

BOTÓN MINIMIZAR

D = Windows & Caption Buttons > Aero > DWM Window > Controls > Captions > Window > Minimize/Help Button > Button > Inactive

  

MINIMIZAR IMAGEN DEL BOTÓN 

A = Windows & Caption Buttons > Aero > DWM Window > Controls > Captions > Window > Minimize/Help Button > Minimize Glyph > 96dpi

MINIMIZAR IMAGEN DEL BOTÓN PREGUNTA

A = Windows & Caption Buttons > Aero > DWM Window > Controls > Captions > Window > Minimize/Help Button > Help Glyph > 96dpi

IMAGEN SEPARADOR DERECHO

F = Explorer & Shell > Explorer > PreviewPane > ProperTree Separator

IMAGEN SEPARADOR IZQUIERDO

F = Explorer & Shell > Explorer > PreviewPane > ReadingPane Separator

CONTINUAR.....

BLOQUE 9 MENÚ CONTEXTUAL PARTE 2

PAGINA ANTERIOR

CONTINUEMOS CON LA EDICIÓN DEL MENÚ CONTEXTUAL YA QUE DEPENDE DE LA IMAGEN O EL COLOR QUE LA PONGAN AL MENÚ EL CONTENIDO DEL TEXTO NO SE NOTARA TANTO PARA ELLO SOLO TE CAMBIAREMOS EL COLOR DESDE LA SIGUIENTE DIRECCIÓN DE NUESTRO PROGRAMA QUE ES LA SIGUIENTE.



UNA VEZ AQUÍ SOLO CAMBIAREMOS EL COLOR A EL COLOR QUE MAS SE DISTINGA O QUE VAYA A ACORDE DE NUESTRO TEMA SOLO DAMOS DOBLE CLIC EN LA PROPIEDAD TEXTCOLOR  Y LO CAMBIAMOS AL COLOR QUE MAS NOS AGRADE Y REINICIAMOS EL PROGRAMA PARA VERIFICAR SI QUEDA BIEN ESE COLOR O NECESITAREMOS CAMBIARLO.

AHORA PARA CAMBIAR EL BOTÓN QUE MARCA LAS OPCIONES, NOS DIRIGIMOS A EL SIGUIENTE DIRECTORIO TENGAN EN CUENTA QUE ESTA IMAGEN TAMBIÉN AY QUE EDITARLA O COLOCAR LA IMAGEN ( item ) QUE ESTA EN EL PAC SI ES QUE LO DESCARGARON.

LA DIRECCIÓN ES LA SIGUIENTE : 

MUY BIEN SI NOTARON AY UNA FRANJA BLANCA A UN LADO DE NUESTRA IMAGEN QUE SE PUEDE ELIMINAR FÁCIL  

LES DEJARE LOS SITIOS EN DONDE SE DEVÉN DIRIGIR PARA MODIFICAR CADA UNA DE LAS PARTE SUPER FÁCIL YA QUE SE LAS DEJARE CON UNA LETRA SOLO SE DIRIGEN ALA UBICACIÓN

MENU CONTEXTUAL 

IMAGEN ( aqui se puede modificar la existente o introdusir otra con dimensiones diferentes )

A = LISTS, MENUS, & CONTROLS > MENU > POPUPBACKGROUND

LETRA NORMAL

B = LISTS, MENUS, & CONTROLS > MENU > POPUPITEM ( textcolor:color )

LETRA HOT ( maus por ensima )

B = LISTS, MENUS, & CONTROLS > MENU > POPUPITEM > HOT ( textcolor:color )

LETRA NO DISPONIBLE NORMAL 

B = LISTS, MENUS, & CONTROLS > MENU > POPUPITEM > DISABLED

LETRA NO DISPONIBLE HOT ( maus por encima )

B = LISTS, MENUS, & CONTROLS > MENU > POPUPITEM > DISABLEDHOT

IMAGEN ( esta imagen la puedes modificar o suprimir para que se extienda la imagen " A " en todo el menu contextual )

C = LISTS, MENUS, & CONTROLS > MENU > POPUPGUTTER ( para suprimir BGTYPE:ENUM = NONE )

IMAGEN ( punto )

D = LISTS, MENUS, & CONTROLS > MENU > POPUPCHECK

CONTORNO DEL MENU 

E = LISTS, MENUS, & CONTROLS > MENU > POPUPBORDERS

BOTON 

F = LISTS, MENUS, & CONTROLS > MENU > POPUPITEM

PALOMITAS O ( CHULOS )

G = LISTS, MENUS, & CONTROLS > MENU > POPUPCHECK

FLECHA DEL SUBMENU

H = LISTS, MENUS, & CONTROLS > MENU > POPUPSUBMENU

IMAGEN ( cuadrito )

I = LISTS, MENUS, & CONTROLS > MENU > POPUPCHECKBACKGROUND

 MENÚ CONTEXTUAL 2 ( ESTE MENÚ ES EL QUE SALE CUNADO HACEMOS CLIC EN EL ICONO SUPERIOR IZQUIERDO DE NUESTRAS VENTANAS )

IMAGEN

A = LISTS, MENUS, & CONTROLS > MENU > SYSTEMRESTORE

IMAGEN

B = LISTS, MENUS, & CONTROLS > MENU > SYSTEMMINIMIZE

IMAGEN

C = LISTS, MENUS, & CONTROLS > MENU > SYSTEMMAXIMIZE

IMAGEN

D = LISTS, MENUS, & CONTROLS > MENU > SYSTEMCLOSE

SEPARADOR

E = LISTS, MENUS, & CONTROLS > MENU > POPUPSEPARATOR  (nota el separador afecta en ambos menús por lo tanto les sera mas fácil )

CONTINUAR.....

BLOQUE 8 MENÚ CONTEXTUAL

CLIC PARA LA PAGINA ANTERIOR

HOLA EN ESTA OCASIÓN COMENZAREMOS A MODIFICAR EL MENÚ CONTEXTUAL DE NUESTRO TEMA, PARA ELLO NECESITAREMOS SABER EN DONDE SE ENCUENTRA EN NUESTRO PROGRAMA WINDOWS 8 STYLE BUILDER Y LAS IMÁGENES O PROPIEDADES QUE NECESITAREMOS PARA MODIFICAR LO.

 PARA NUESTRO MENÚ CONTEXTUAL :

SI USTEDES QUIEREN CREAR UN MENÚ CONTEXTUAL CON IMAGEN , ENTONCES NECESITAREMOS UNA IMAGEN QUE ESTE EN FORMATO .PNG CON UN TAMAÑO RECOMENDADO DE 400 X 650 PIXELES PARA EL MENÚ CONTEXTUAL DE LAS PROPIEDADES NECESITAREMOS UNA IMAGEN DE 500 X 500 PIXELES CLARO QUE USTEDES PUEDEN PONERLA DEL TAMAÑO QUE QUIERAN PERO AY EL RIESGO DE QUE NO SE VEA BIEN LA IMAGEN EN LOS DIFERENTES TAMAÑOS DE MENÚ.

TAN BIEN OCUPAREMOS ALGUNAS IMÁGENES QUE LAS EDITAREMOS CON GIMP O CON PHOTO SHOP, SON AL REDEDOR DE 14 IMÁGENES A EDITAR PARA LOGRAR QUE NUESTRO MENÚ TENGA UNA APARIENCIA DIFERENTE Y QUE ESTE ACORDE A NUESTRO TEMA.

SI QUIERES ALGUNAS IMÁGENES DE REFERENCIA PARA QUE LAS PUEDAS EDITAR TE COMPARTO UNAS SOLO AS CLIC AQUÍ PARA QUE DESCARGUES LAS IMÁGENES DE REFERENCIA.

LO PRIMERO ES DIRIGIRSE A LA RUTA DEL MENÚ CONTEXTUAL Y DEL MENÚ DE PROPIEDADES, LA CUAL ES LA SIGUIENTE.

LIST, MENU, & TABS > MENU > Y DESDE POPUPBACKGROUND ASTA SYSTEMRESTORE SON LOS ELEMENTOS DEL MENÚ CONTEXTUAL EN DONDE ESTAN TODAS LAS IMÁGENES Y COMANDOS A MODIFICAR TARA CAMBIAR EL MENÚ.

Y LA DIRECCIÓN DEL MENÚ DE PROPIEDADES ES LA SIGUIENTE

LIST, MENU, & TABS > TAB > TODO LO QUE ESTA AQUÍ ES EL MENÚ DE PROPIEDADES, SE VE MUCHO PERO REALMENTE NO LOS ES YA QUE MUCHAS COSA SE REPITEN , PERO SOLO EN CASO DE QUERER MODIFICAR MUY EXTREMO TU TEMA SI SE COMPLICA UN POCO.

COMENZAREMOS CON EL MENÚ CONTEXTUAL QUE SE EL QUE APARECE AL DAR CLIC DERECHO EN EL ESCRITORIO, LOS DOCUMENTOS Y PROGRAMAS PARA ELLO UTILIZAREMOS LA IMAGEN SIN TITULO ( nota esta imagen esta en el pac que comparto en e enlace anterior ) LA CUAL TIENE UNAS MEDIDAS DE 406 X 662 ESTA IMAGEN LA PUEDEN MODIFICAR O CAMBIAR POR OTRA PERO LES RECOMIENDO QUE LE DEJEN LAS MISMAS DIMENSIONES.

NOS DIRIGIMOS A ESTA RUTA EN EL PROGRAMA PARA COLOCARLA :

LIST, MENU, & TABS > MENU > POPUPBACKGROUND E IMPORTAMOS LA IMAGEN SIN TITULO REINICIAMOS LA PRUEBA PARA CERCIORARSE QUE SI LA RECONOCE ( ALGO MUY IMPORTANTE QUE SE ME AVÍA OLVIDADO COMENTAR RECUERDEN GUARDAR EL PROYECTO CONTINUAMENTE PARA EVITAR DISGUSTOS YA QUE SI SU COMPUTADORA SE REINICIARA POR X RAZÓN O SE FUERA LA LUZ O ALGÚN OTRO PERCANCE TENDRÍAN QUE EN PESAR DESDE EL PRINCIPIO  SU TEMA YA QUE EL PROGRAMA NO LO GUARDA POR SI MISMO )
AHORA LE QUITAREMOS LA PROPIEDAD DEL MARGEN QUE TENIA POR DEFECTO Y LO DEJAREMOS EN 0, 0, 0, 0 PARA QUE NUESTRO MENÚ SE MUESTRE MEJOR

PERO SI NOTAN TIENE UN MARGEN AL REDEDOR BLANCO QUE SE VE FEO PARA QUITARLO NOS DIRIGIMOS A LIST, MENU, & TABS > MENU > POPUPBORDERS Y AQUÍ COLOCAREMOS LA IMAGEN Menu_PopUpBordersImage O Sin nombre CUALQUIERA DE LAS 2 IMÁGENES CON MARGENES DE 1, 1, 1, 1 PERO SI NO QUIEREN EL BORDE DE CUALQUIERA DE ESOS COLORES LAS PUEDEN EDITAR AL COLOR DE SU ELECCIÓN.

LIST, MENU, & TABS > MENU > POPUPCHECK SOLO REMPLAZAN LA IMAGEN YA QUE NO AY MUCHO QUE HACERLE.

LIST, MENU, & TABS > MENU > POPUPCHECKBACKGROUND ESTA ES UNA IMAGEN QUE APARECE EN EL MENÚ CONTEXTUAL QUE ESTA EN EL SUBMENÚ DE VER ES EL CUADRO QUE ESTA POR DEBAJO DE EL PUNTO QUE SEGÚN TENGAS SELECCIONADO ICONOS GRANDES , PEQUEÑOS, MEDIANOS YO NO LE VEO EL CASO DE QUE LO LLEVE YO SOLO LO OMITO CAMBIANDO LA PROPIEDAD IMAGEFILE POR NONE Y CON ESO SE DESAPARECE. 

CONTINUAR.....

BLOQUE 7 DETALLES DEL MENÚ DE INICIO ( TEXTUALMENTE )

CLIC PARA EL BLOQUE ANTERIOR

PERO ANTES DE COMENZAR CON LOS DETALLES TERMINAREMOS CON TODAS LAS IMÁGENES DEL MENÚ YA QUE SE QUEDARON PENDIENTES.

NOS DIRIGIMOS A ESTA DIRECCIÓN.

STAR MENU > PANELS > AERO > TOP > SEARCH 

AQUÍ COLOCAREMOS LAS IMÁGENES 6 Y 7 PARA NUESTRO ULTIMO MENÚ QUE ES EL DE BÚSQUEDA.

EN SEARCH VIEW PONDREMOS LA IMAGEN 6  IMPORTÁNDOLA Y REMPLAZANDO LA IMAGEN  CON LOS MARGENES 2, 2, 2, 2, 

Y EN MORE RESULTS COLOCAMOS LA IMAGEN 7 IMPORTÁNDOLA Y REMPLAZANDO LA IMAGEN  CON LOS MARGENES 2, 2, 2, 2, 

Y ESTARÁN TERMINADAS TODAS LAS IMÁGENES DEL MENÚ DE INICIO.

SOLO NOS FALTO MORE PROGRAM TAP, LO ABRIMOS ,,,YA QUE AQUÍ NO TIENE NINGUNA IMAGEN TENDREMOS QUE COLOCAR ALGUNAS PERO PARA ELLO AY QUE COLOCAR UNAS PROPIEDADES 

LAS PRIMERAS SERAN EN NORMAL > 
TIPO > FLENAME > PROPIEDAD > IMAGEFILE Y ESCOGEMOS LA QUE QUIERAMOS LO LA QUE AYAMOS CREADO Y O UTILIZARE LA 3

SEGUNDA PROPIEDAD

TIPO > MARGINS > PROPIEDAD > SIZINGMARGINS Y EN VALOR COLOCAMOS 2, 2, 2, 2, .

TERCERO PROPIEDAD 

TIPO > COLOR > PROPIEDAD > TEXTCOLOR Y ESCOGEN EL COLOR DE SU AGRADO YO LO PONDRÉ DE COLOR BLANCO.

CUARTA PROPIEDAD 

TIPO > ERUM > PROPIEDAD > SIZINGTYPE > STRETCH.

TODAS ESTAS LAS COPIAMOS A LA SIGUIENTE IMAGEN HOT PARA QUE NO TENGAMOS QUE PONER LAS PROPIEDADES DE NUEVO SOLO QUE AQUÍ PUEDEN VOLVER A CAMBIAR EL TEXTO COMO LA IMAGEN.

EN NEW PROGRAM ES CUANDO INSTALAMOS UN PROGRAMA NUEVO Y SE RESALTA EN EL MENÚ, COLOCAREMOS LAS MISMAS PROPIEDADES PERO TAN BIEN PODREMOS CAMBIAR LA IMAGEN, LA PROPIEDAD DE TEXTO YO LES ACONSEJARIA QUE LA ELIMINARAN YA QUE PODRÍA HABER PROBLEMAS.  

COMENZAREMOS CON LOS DETALLES DE NUESTRO MENÚ DE INICIO

OK PRIMERO CON EL TEXTO DE NUESTRO MENÚ QUE ES LO ESENCIAL YA QUE SI NO NO PODREMOS LEER LO QUE ESTA EN ESE LUGAR O SE NOS DIFICULTARA LA LECTURA DE EL MISMO

NOS DIRIGIMOS A LA SIGUIENTE DIRECCIÓN

STAR MENU > PAÑELS > AERO > TOP > PROGRAM LIST A TODO LO QUE ESTE AQUÍ LE PONDREMOS LA PROPIEDAD  SIGUIENTE

TIPO > COLOR > PROPIEDAD > TEXTCOLOR Y SELECCIONAMOS EL COLOR DEL TEXTO QUE QUI ERAMOS EN NUESTRO MENÚ

SUBSECUENTE ABRIMOS PLACES LIST Y COLOCAMOS LA MISMA PROPIEDAD EN TODO ASÍ LOGRAREMOS PONER EL COLOR QUE VENGA MAS CON EL ESTILO DEL TEMA

 SOLO NOS QUEDARÍA EL MENÚ DE RESULTADOS QUE SOLO SON 2 IMÁGENES POR LO TANTO ES MUY FÁCIL MODIFICAR LO 

MENU BUSQUEDA

IMAGEN

A = Start menu > Panels > aero > top > Serch > Search view

IMAGEN

B = Start menu > Panels > aero > top > Serch > More Results

CONTINUARA.....