[Phần II]Hướng dẫn chi tiết làm theme Windows 7 bằng WSB – 7 maps out

kAtz93

Lorem Ipsum
Messages
1,112
Likes
4,117
Points
0
Thread starter #1
Đọc lại phần 1 tại đây : Windows StyleBuilder - giới thiệu và hướng dẫn cơ bản

Trong phần 2 này,mình sẽ đưa các bạn tới từng đường dẫn chi tiết của hầu hết các thành phần trong theme Windows 7.
Trước tiên,mình muốn chú ý tên 1 số thành phần trong WSB sẽ khác với tên các bạn hay gọi bình thường :



1-Caption Buttons (cái này các bạn hay gọi là max/min buttons)
2-FlyOut (1 số bạn gọi là cái xổ ra ?! =/ )
3-CommandModule (tên hay dùng là CommandBar)
4-ProperTreeTree (tên đúng là Navigation Pane)
5-PreviewPane (hơi ngược với tên chuẩn của nó là DetailsPane,còn PreviewPane mà MS quy định là 1 thanh khác =/ )


Bây giờ,chúng ta sẽ đi vào chi tiết : (nhắc lại yêu cầu : Ave’sWindows StyleBuilder 1.5.0.3)

1.Control Panels :


1.Explorer & Shell > Explorer > Control Panel > Control Panel > Content Pane

2.Explorer & Shell > Explorer > Control Panel > Control Panel > Large Command Area

3.Buttons, Boxes & Controls > Buttons > Button > Check Box > Textcolor:Color

4.Styles > Control Panel Styles > Content Link

5.Styles > Control Panel Styles > Title

6.Styles > Control Panel Styles > Body Text

7.Styles > Control Panel Styles > Body Title

8.Các button này đều nằm trong folder ComboBox : Buttons, Boxes & Controls > Boxes > ComboBox . Riêng nền thanh menu xổ xuống là : Fonts & System Metrics > Window:Color , màu chữ : Fonts & System Metrics > WindowText:Color






1.Styles > Control Panel Styles > Task Link

2.Styles > Control Panel Styles > Title

3.Explorer & Shell > Explorer > Control Panel > Control Panel > Content Pane Line

4.Styles > Control Panel Styles > Group Text

5.Styles > Control Panel Styles > Body Text

6.Styles > Control Panel Style > Content Link

Nền màu xám đậm : Explorer & Shell > Explorer > Control Panel > Control Panel > Content Pane
Thanh bên trái : bitmap 632 và 633 trong shell32.dll





1.Styles > ControlPanelStyle > Title

2.Fonts & System Metrics > WindowText:Color

3.Explorer & Shell > Explorer > Control Panel > Command Module > Unknown(đầu tiên) > Unknown

4.Explorer & Shell > Explorer > Control Panel > Command Module > Background

5.Fonts & System Metrics >ButtonText:Color

6.Toolbars, Headers & Rebar > Header > Header Item


Nền phần Uninstall or change …. : Explorer & Shell > Explorer > Control Panel > Content Pane
Nền phần chứa các programs : Explorer & Shell > Explorer > Items View > Items View > FillColor





1.Styles > Control Panel Styles > Title

2.Styles > Control Panel Styles > Body Text

3.Styles > Control Panel Styles > Content Link

4.Fonts & System Metrics > WindowText:Color

5.Fonts & System Metrics > GrayText:Color


2.Explorer :


1.Explorer & Shell > Explorer > Preview Pane > 5

2.Explorer & Shell > Explorer > Preview Pane > 7 > 2

3.Explorer & Shell > Explorer > Preview Pane >6

4.Explorer & Shell > Explorer > Preview Pane > 7 > 1




1.Explorer & Shell > Explorer > ProperTree > <2>

2.Explorer & Shell > Explorer > CommandModule > 3

3.Riêng thanh CommandModule,nếu bạn sử dụng ảnh để Fill thì theo path : Explorer & Shell > Explorer > CommandModule > <1> còn nếu không thì sử dụng gradient trên bảng màu có sẵn : Explorer & Shell > Explorer > CommandModule > <2>

4.Explorer & Shell > Explorer > CommandModule > 4

5.Explorer & Shell > Explorer > CommandModule > 5




1.Toàn bộ thanh Address : Address, Breadcrumbs & Search > Address > Address Band > Basic > Address Band > 1

2.Chữ trong thanh Address : Address, Breadcrumbs & Search > Breadcrumb > Aero > Normal > Active & Inactive Crumbs > Textcolor:Color

3.Các button trong thanh : Address, Breadcrumbs & Search > Breadcrumb > Basic > Normal > Active(& Inactive) Crumbs > SplitButton(& SplitButtonDropDown)

4.Hai button cuối thanh : Address, Breadcrumbs & Search > Address > Go Toolbar > Basic > Normal > Active > Button .Nhưng lưu ý là khi bấm vào nút bên trái thì image chuyển sang : Buttons, Boxes & Controls > Boxes > Combobox > DropDownButtonRight

5.Search box : Address, Breadcrumbs & Search > Search > SearchBox > Basic > Active > 1

6.Chữ trong search box : Address, Breadcrumbs & Search > Search > Edit > SearchEdit > TextBox > Normal & Accelerator Text > TextColor:Color

7.Bỏ chữ in nghiêng trong search box : vào path : Buttons, Boxes & Controls > Boxes > Edit > Basic > Edit Text > CueBanner và Buttons, Boxes & Controls > Boxes > Combobox > CueBanner rồi uncheck TEXTITALIC:BOOL đi.




1.Explorer & Shell > Explorer > Items View > ListView > GroupHeader

2.Fonts & System Metrics > Windowtext:Color

3.Explorer & Shell > Explorer > Items View > Items View > SubHeader > Normal

4.Explorer & Shell > Explorer > Items View > ListView > GroupHeaderLine

5.Mũi tên : Explorer & Shell > Explorer > Items View > List View > Expand (và Collapse Buttons)

6.Thanh Progress : Buttons, Boxes & Controls > Progress Bars > Normal > Fill (và cả các folder con bên trong)




1.Fonts & System Metrics > Windowtext:Color

2.Explorer & Shell > Explorer > Preview Pane > 3

3.Explorer & Shell > Explorer > Tree View > Tree Item > Selected Not Focus > Textcolor:Color

4.Explorer & Shell > Explorer > Proper Tree > 2




1.Explorer & Shell > Explorer > Command Module > 10 > 1

2.Explorer & Shell > Explorer > Command Module > 9 > 1

3.Explorer & Shell > Explorer > Command Module > 11

4.Toolbars, Headers & Rebar > Toolbars & Headers > Items View Header > Header Sort Arrow

5.Fonts & System Metrics > WindowText:Color

6.Toolbars, Headers & Rebar > Toolbars & Headers > Items View Header > Header Item

7.Explorer & Shell > Explorer > Items View > Items View > Subheader > Normal

8.Chữ Includes … và Arrange by có thể chỉnh trong file shellstyle.dll




1.Nền : Toolbars,Headers & Rebar > Toolbars & Headers > List View Pop Up
Chữ : Buttons,Boxes & Controls > Boxes > Edit > Basic > Edit Text > Disabled > TextColor:Color

2.Button : Toolbars,Headers & Rebar > Toolbars & Headers > List View Pop Up (Bottom) > Button – Chữ : Toolbars,Headers & Rebar > Toolbars & Headers > List View Pop Up (Bottom) > TextColor:Color

3.Address, Breadcrumbs & Search > Search > Try Harder > Textcolor:Color

4.Address, Breadcrumbs & Search > Search > Try Harder > 1 > 2 > Textcolor:Color

5.Address, Breadcrumbs & Search > Search > Try Harder




1.Fonts & System Metrics > BtnShadow:Color and BtnHighlight:Color

2.Buttons, Boxes & Controls > Buttons > Button > PushButton

3.Lists, Menus & Tabs > Tab > Body

4.Fonts & System Metrics > BtnFace:Color

5.Thay tất cả các image trong các folder con : Lists, Menus & Tabs > Tab (trong đó có folder con Pane là image khung bao xung quanh các thông tin trong dialog)




1.Styles > Task Dialog Styles > Main Instruction

2.Styles > Text Styles > Instruction

3.Styles > Text Styles > Body Title

4.Styles > Text Styles > Body Text

5.Explorer & Shell > Shell > Secondary Panel




1.Toolbars, Headers & Rebar > Toolbars & Headers > Toolbar > Button

2.Toolbars, Headers & Rebar > Toolbars & Headers > Toolbar > Drop Down Button

3.(Nền xám) Fonts & System Metrics > BtnFace:Color

4.(Nền trắng) Fonts & System Metrics > Window:Color

5.Toàn bộ những gì cần thay ở trong folder : Explorer & Shell > Explorer > PlacesBar

6.Explorer & Shell > Explorer > Places Bar > Textcolor:Color

(còn tiếp...)



kAtz93 - WindowsVN.Net

Bản quyền bài viết thuộc về forum WindowsVN và VistaStyleBuilder.
Đề nghị ghi nguồn khi đăng trên website khác.




 
Messages
1,865
Likes
2,750
Points
113
#7
Cái map lúc đầu bên forum ave thằng lập topic còn để public, sau này nó đem vô private cho user có account 8-| Bài của Kat thì đúng là cứu nguy cho anh em :D
 
Messages
500
Likes
754
Points
0
#9
Vì thấy window style builder phức tạp quá nên chưa giám mò tới chỉ dùng nó thay đc vài cái, thường thì dùng restor , hum nay đọc bài bác KAT đc mở mang tầm mắt, tuy nhiên đây cũng chỉ là cơ bản, chứ tự mình làm chi tiết hết thì cũng hơi căng, nhưng bít đc căn bản thì cũng tốt roài :)) tk bác
 

con ga pc

New Member
Messages
146
Likes
115
Points
0
#12
Cho mình hỏi, làm sao để chỉnh sửa đc cái này. ResHacker có làm đc k vây, nếu đc thì khoá nào?




// Nhìn chưa kĩ vì k thấy ảnh 6 cho Progress Bar. đã xem lại. Giờ chỉ muốn hỏi cách thay cho ResHacker.
 
Last edited by a moderator:
Messages
27
Likes
15
Points
0
#14
Một bài viết quá ác chiến, quá Pro. Đay đúng là cửu âm chân kinh mà dân khoái theme như tui rất khoái. thanks(*)
 

traingheoqn

Out of Sign.. Out of Mind
Messages
1,585
Likes
1,003
Points
113
#15
Đã từng có các "đại gia" về thiết kế skin, theme, nhưng ít ai có thể hướng dẫn mọi người chi tiết như thế này, quả đúng là made by WFV, quá đỉnh luôn :D. Tự hào vì mình là mem của WFV :">
 
Messages
74
Likes
8
Points
8
#17
Bạn làm ơn cho mình hỏi. Muốn làm cho các cửa số vuông góc, không còn bo tròn nữa thì chỉnh ở chỗ nào hả bạn? Cảm ơn bạn vì bài viết quá chi tiết.
 

pota282

New Member
Messages
111
Likes
125
Points
0
#20
bạn dùng ***** nên hiện cửa sổ cmd là đúng rồi,ko phải lỗi đâu bạn
Lúc đầu cũng dùng được nhưng sau đó bị vậy.
Chắc là bản k phí, muốn mua cũng k biết thế nào?
Cám ơn đã trả lời.