Hướng dẫn edit Style cho WinXP ! Cấm copy sang chỗ khác !

[Shiera Ayumi]

Hướng dẫn edit Style cho WinXP ! KFC Only ! Cấm copy sang chỗ khác !
Bài viết mang mục đích đóng góp cho KFC, các bạn vui lòng ko copy mà hãy tạo link đến Box KFC , thanks

http://vnsharing.net/forum/showthrea...38#post1240138

Mọi người thấy sao ? Có đẹp không ? Tớ không dám nói là hoàn hảo nhưng chắc chắn nó hơn 3 cái loại style mặc định của Windows. Hơn nữa với các A-M fan như chúng ta (xin nói luôn là fan cũng có nhiều loại lắm) thì việc sử dụng một bản windows mang giao diện đậm chất A-M như vậy thì chắc là rất tuyệt (hơi tự hào tí :'>) Vậy làm thế nào để có được style như thế ? Download trên internet ? Không khả quan lắm vì như thế sẽ không thể được như ý muốn vì style làm sẵn thì chỉ có hạn, và thật khó để kiếm được 1 mẫu vừa ý, hội đủ yêu cầu Đẹp-Độc-Cá tính của mỗi người được.
Phương án khả quan nhất là chúng ta sẽ phải bỏ chút công sức ra, tự "bịa" ra 1 style theo ý tưởng của riêng mình cho nó máu. Và sau đây tớ xin giới thiệu 1 vài cách cơ bản để có thể tự edit cho mình 1 style thật đẹp, để có thể đưa thế giới A-M yêu dấu vào chiếc PC thân yêu của mình.

Bài viết này hoàn toàn mang tính chia sẻ và do 1 người "nghiệp dư" viết, đề nghị mấy vị pro có thấy ngứa cũng đừng có post bài chê bai này nọ.

Bài viết nhằm giúp các bạn hiểu được những gì sẽ làm, cho nên khá dài nên tớ sẽ chia nó làm nhiều phần để tiện cho cả người đọc lẫn viết
Có 1 điều các bạn nên lưu ý là từ "biết cách làm" cho đến "hoàn thành sản phẩm" cách nhau rất xa, cho nên cái style của bạn có thể cũng chẳng thể được như ý muốn đâu . Nhưng dù sao việc tự mình làm ra nó chẳng phải đã rất tuyệt rồi sao.

Vậy... làm thế nào để thay đổi được style của windows ? Về nguyên tắc, WinXP sử dụng res để dựng hình cũng tương tự như việc bạn dùng WMP để xem Anime vậy. WMP sẽ load dữ liệu từ file "abc.avi" nào đó và hiển thị nó lên màn hình, và để xem 1 đoạn anime khác bạn sẽ phải mở "xyz.avi" lên. Vậy các bạn chắc cũng hiểu được việc chúng ta phải làm rồi chứ nhỉ ? Muốn có được style như ý bạn cần phải setting cho windows mở cái file chứa các hình ảnh & dữ liệu mà mình mong muốn, thay thế cho cái "abc.avi" mặc định của nó (ví dụ thôi nhé đừng thắc mắc). Nói cách khác là bạn sẽ phải tạo ra 1 cái file "xyz.avi" và nó sẽ là yếu tố quyết định cho style của bạn.

Vì WinXP là HĐH khá đồ sộ nên số lượng các file cấu hình nên giao diện của nó rất nhiều, và còn nằm rải khác khắp nơi trong cái folder %SystemRoot% lằng nhằng của nó. Tuy nhiên theo như tớ thấy thì có 2 cái sau đây là thú vị và dễ edit nhất :
+ logonui.exe : nó là cái màn hình Logon Screen lúc khởi động máy, chỗ chọn acc và nhập pass ấy
+ *.msstyles : chúng nằm trong folder %SystemRoot%/Resources và là nơi chứa rất nhiều thứ như thanh Taskbar, Tilebar,...
Và chúng ta sẽ phải mổ 2 cục đó ra để nhét những gì chúng ta muốn vào

Như vậy project của chúng ta bắt đầu gặp những khó khăn đầu tiên, và khá là nan giải :
+ Sẽ phải kiếm đâu ra đủ res mong muốn ? Hình thì không nói làm gì, nhưng mấy thứ như Taskbar quả thật khá khó làm, và có thể chúng ta sẽ rất nản với nó, vì diện tích quá nhỏ khó mà đưa A-M vào được, nhưng không thể cứ để nguyên si vì rất xấu,... việc tập hợp đủ 1 số lượng lớn res như vậy không phải là chuyện đơn giản. Nếu bạn là dân CG, rành PhotoShop thì rất tốt nhưng xem ra hầu hết chúng ta đều yếu khoản đó.
+ Làm thế nào để đưa res đó vào style của mình ? Cách làm thì cũng không có gì phức tạp lắm, nhưng vấn đề chính đáng lo là sau khi edit xong, liệu file đó có còn tương thích với win như lúc đầu không ? Khi edit bất kì 1 file system nào thì bạn cũng đều phải cảnh giác trước thảm họa "máy tính không khởi động được". Thật ra thì những lỗi về giao diện không thể làm hệ thống crash, nhưng WinXP khá là ma giáo, nó rất hay "tự vẫn" khi nhận thấy có điều bất thường (mà lần này là do chúng ta tạo ra, edit lại file của nó mà)

Ui nhưng được cái người Việt Nam vốn sẵn máu " lỳ " đầy mình, mặc xác nó phức tạp thế nào, chúng ta cũng sẽ có cách giải quyết (dù có thể không được chính xác như ý muốn), và tớ thấy có thể làm theo cách sau :
+ Sử dụng lại res từ các style khác : việc add hình A-M thường chỉ hiệu quả với những vùng có diện tích đủ lớn, cho nên những thứ khác chẳng ngại gì mà ta lại không đi mượn, ví dụ từ Windows Vista chẳng hạn,... những mẫu style đó có thể down đầy rẫy trên internet.
+ Edit những cái đơn giản và an toàn : tuy không thể đạt như mong muốn 100% nhưng tớ nghĩ là cũng đủ cho bạn dùng.
Những thứ khác các bạn vui lòng không hỏi đến nhé, đơn giản là tớ cũng chả biết nhiều nhặn gì hơn cho cam

Sau đây là các hung khí cần thiết cho sự nghiệp "bịa" style của chúng ta :
+ Một phần mềm edit file PE32bit : Resource Hacker - ứng cử viên sáng giá của chúng ta
+ Phần mềm chỉnh sửa file đồ họa : PhotoShop - cái này dân prồ mới hy vọng xài tốt chứ newbie thì khó . Ứng cử viên số 2 là ACDSee + SnagIt (2 cái này cộng lại cũng được lắm) Nói chung tùy bạn quen dùng cái nào thì dùng...
+ Phần mềm quản lý và sử dụng style hiệu quả : TuneUp Utilities - Nó thật là tuyệt vời
+ Một bản Windows riêng : để thực tập ấy mà... sẽ tiện hơn khi bạn dùng HĐH này để edit system file của HĐH kia (ko bị lỗi Read-Only),...
Chắc là đủ rồi đấy nhỉ. Tuy nhiên từ phía người làm style cũng cần có "cấu hình tối thiểu"
+ Kiên nhẫn, chịu khó ngồi tẩn mẩn được... Việc edit sẽ tốn rất rất RẤT nhiều thời gian và nếu bạn có chút máu Trương Phi thì nên bỏ ý định đi...
+ Có kiến thức khá về Windows và kinh nghiệm khuất phục software,... cái này khá quan trọng đó, giống như nếu chưa biết số 1 số 2 thì không thể học cộng trừ nhân chia được,... Tớ phải nhắc tới điều này, vì đã có người dọa tớ "tao chơi game online giỏi lắm đó"

Tóm lại : công việc của chúng ta bao gồm các bước sau :
1 - Chọn và chỉnh sửa res
2 - Tìm và đưa res vào file style, có thể cần edit lại 1 vài thông số
3 - Đưa style vào dùng thử, nếu chưa ưng ý thì quay lại bước 1 và 2
4 - Kiểm tra các bug, nếu không chịu được thì cũng quay lại bước 1 và 2
5 - Save và backup lại để sau này làm kỉ niệm
Tớ sẽ chú trọng vào bước số 2 - Edit và đưa res vào trong style (chắc đây cũng là cái các bạn quan tâm nhất)
Những bước còn lại các bạn có thể tự nghiên cứu, tớ chỉ có thể trình bày 1 vài thủ thuật & kinh nghiệm trong hiểu biết của tớ thôi...

(đang up hình ...)

[Shiera Ayumi]

Như đã nói ở post trước, bây giờ chúng ta sẽ tập trung vào khâu " Edit và đưa res vào trong style ".
Hãy chắc chắc là bạn đã có đủ 2 tool là : Resource Hacker & TuneUp Utilities
Quay lại ví dụ về cái file abc.avi và WMP, việc mở 1 file video mới rất đơn giản, bạn chỉ cần dùng Windows Explorer soi vào thư mục chứa file và mở nó. Nhưng lần này đối tượng là 1 file, những gì chúng ta cần chỉnh sửa ko nằm trong thư mục mà lại ở trong 1 file, và ko giống như Zip hay Rar, bạn ko thể cứ double click vào nó để soi xem bên trong nó có những gì. Và đấy là lý do chúng ta cần đến Resource Hacker, bạn hãy dùng nó để mở cái Logonui.exe lên nào.



Giao diện của RH bây giờ khá giống với WE, các bạn có thể thấy bên trái là panel rất giống với cây thư mục quen thuộc của Win. Những gì chúng ta có thể làm là những gì xuất hiện ở cây thư mục đó. Bạn có thể dạo 1 vòng xem đó là những gì. Và trong số đó, phần đáng chú ý nhất là thư mục "Bitmap", nhìn cái tên đã biết là nó quản lý IMG rồi đúng không ? Thư mục này là nơi tập hợp các file bitmap mà Windows sẽ load và hiển thị lên màn hình. Ví dụ cái hình Konoka của tớ nằm trong " bitmap/100/1033 ", còn cái hình magic circle thì trong " bitmap/112/1033 ".
Ở đây tớ sẽ giải thích 1 chút : cái phần đứng sau "bitmap" và trước "1033" gọi là Resource Name, còn "1033" là Resource Language. Name thì ko nói làm gì nhưng Language chính là phần khi bạn setting Language trong Control Panel, mỗi ngôn ngữ sẽ có tham số riêng, ví dụ như 1033 là tham số của tiếng Anh, 1041 là tiếng Nhật, 1042 là tiếng Hàn,... Với một Name có thể có nhiều Language khác nhau, khi set System Language là English(US) thì chỉ những resource có language là 1033 mới được load, vì thế nếu bạn đang set là Vietnam thì nên chỉnh lại mặc định của nó là English(US) để tránh các lỗi không tương thích.
Bây giờ chúng ta thử đổi hình đó bằng 1 cái khác xem nào. Bạn hãy chọn bức hình Konoka, menu Action -> Replace Bitmap... -> 1 cửa sổ hiện ra, bạn hãy mở đến bức hình đã chọn với định dạng BMP, chọn đúng Resource Name là 100 và nhấn vào Replace.



Nếu thành công thì bức hình đó sẽ hiển thị ở chỗ mà lúc trước là hình Konoka. Giờ thì save as nó, dù gì cũng nên cẩn thận (RH có chức năng tự backup nhưng chỉ khi edit 1 lần) thành 1 file EXE khác, sau đó bạn dùng TuneUp load nó lên. Nhớ install nó rồi LogOut user để quay lại màn hình Loader Screen, và hãy ngắm nhìn tác phẩm bạn vừa tạo ra.



He he, có vẻ như nó chưa được như ý muốn thì phải ! Có 1 điều tớ ko dám chắc nhưng hình như tính chất mặc định của nhiều nguyên tố trong Windows là stretch, bức hình của bạn sẽ bị co giãn một cách tàn bạo để có thể nhét vừa vào chỗ mà Win quy định ! Vì thế nên cái style với những hình cỡ lỡn và phức tạp thì không thể chạy tốt ở nhiều độ phân giải khác nhau. Vậy hãy set resolution về mức bạn thường dùng, sau đó crop, resize lại cái hình sao cho nó vừa khít với khung hình, khi đó sẽ hiển thị đẹp nhất.

Sau khi vật lộn chán chê với mấy bức hình thì bạn có thể thư giãn bằng cách edit các String Table, nói dễ hiểu là các đoạn text ấy mà. Cách làm thì cũng gần như là với bitmap phần trước, bạn chỉ việc gõ lại các đoạn text mặc định của Win bằng những gì có thể bịa ra, sau đó nhấn Compile Script. Chú ý tuyệt đối ko đụng chạm tới các kí tự mà bạn chưa rõ tác dụng của nó, tránh việc làm hỏng file EXE. Các đoạn text an toàn nằm trong cặp dấu ngoặc kép " " và bên trong nó thì tha hồ cho bạn quậy.



Có 1 chút rắc rối là RH ko hỗ trợ Unicode tốt lắm thì phải, nếu add những đoạn text tiếng Việt có dấu thì khi compile đều bị lỗi , cho dù là font chuẩn như Arial hay Tahoma đều ko được... Nếu bạn nào biết cách chuyển được mã tiếng Việt vào vui lòng chỉ lại cho mọi người.

Còn lại 2 chỗ, cái Version Info thì dễ rồi nó gần giống với String Table chắc các bạn cũng tự mò tiếp được nên tớ thôi không nói nữa nhé, giờ đến với phần lằng nhằng nhất là UIFILE. Các thông số rất lằng nhằng và khó hiểu, vì tớ cũng chả rõ lắm nên nói sơ sơ thôi nhé.
Bạn sẽ thấy có những đoạn thế này:

style resid=framess
button [class="status"]
element [id=atom(passwordpanelayer)]
...


Những đoạn text có chứa dấu = sẽ cho ta biết nơi mà nhóm các tham số tiếp theo sẽ tác dụng đến, ví dụ như < button [class="status"] > sẽ cho ta các đặc tính đoạn status của user trên Logon Screen. Tuy viết tắt nhưng cũng có thể đoán ra được.
Lấy ví dụ về edit đoạn status

button [class="status"]
{
background: argb(0,0,0,0);
foreground: rgb(192,192,192);
fontsize: 8pt;
contentalign: wrapleft;
}

Ở đây cho ta 4 thuộc tính của dòng status.
+ background : chưa rõ tính năng 8-}
+ foreground : cũng chưa rõ, nhưng 3 con số trong ngoặc hình như là mã màu ?
+ fontsize : đơn giản rồi là cỡ chữ, thích to thì tăng nó lên thôi
+ contentalign : hiểu đại khái là căn lề, 1 vài mã có thể sử dụng là : wrapleft/right ; topleft/right ; middleleft/right ; bottomleft/right ; endellipsis ; top/middle/bottomcenter ;... cần thêm thì bạn mò tiếp nhé
Để thêm chữ đậm chữ nghiêng thì bạn chèn đoạn sau vào
+ fontweight : bold (chữ đậm)
+ fontstyle : underline (gạch chân) / italic (chữ nghiêng)
hoặc đổi font chữ :
+ fontface: arial / tahoma / georgia /...
Như thế này chẳng hạn

button [class="status"]
{
background: argb(0,0,0,0);
foreground: rgb(192,192,192);
fontsize: 12pt;
contentalign: wrapright;
fontweight: bold;
fontface: tahoma;
}



Chú ý những chỗ có dạng như " #FF00FF " thì đó là mã màu ở dạng Hex, bạn có thể đổi nó để có được màu như ý muốn.
Vàng = 00FFFF <> Đỏ = 00FF <> Xanh lá = 00FF00 <> Xanh dương = 00FF8000
Cam = 0080FF <> Hồng = 00FF00FF <> Trắng = 00FFFFFF <> Đen = 000
Nếu vẫn chưa vừa ý thì bạn có thể dùng các phần mềm đồ họa để lấy mã màu tương ứng.


Như vậy các bước cơ bản để edit đơn giản một file EXE tớ đã trình bày xong, giờ là lúc các bạn ngồi vật nhau với nó rồi đấy

[Shiera Ayumi]

Khi làm xong 1 cái style có thể có 1 số lỗi phát sinh, sau đây là các lỗi tớ từng gặp và đã giải quyết được.
Ai có cách làm hay hơn hoặc phát sinh lỗi mới có thể post lên 4rum để mọi người cùng ngâm cứu.

01 - Không load được file LogonUi.EXE, bị mất màn hình Logon Screen
--> Điều này là do file EXE đã bị hỏng. Có thể bạn vẫn dùng RH mở và edit nó bình thường, nhưng RH không thể quản lí hết mọi thành phần của file EXE, vẫn có những chỗ nó không read và save được. Hoặc có thể do file EXE đã bị nhiễm virus khiến cấu trúc của file bị thay đổi, dẫn đến việc các thành phần của nó bị đọc sai lệch.
Cách giải quyết là bạn hãy bỏ file đấy và edit lại bản backup hoạt động tốt gần nhất.

02 - Hình ảnh hiển thị sai lệch không giống với hình nguồn
--> Hãy xem lại về những thứ như Resolution, Color Quality,... xem sao. Thông thường với hình CG như A-M thì 16bit và 32bit khác biệt không nhiều lắm. Ngoài ra hãy chắc chắn là bức hình bạn dùng là dạng BMP chuẩn của Win chứ không phải là BMP của OS/2,... Bạn nên dùng MS Paint sẽ tránh được chuyện ko tương thích định dạng.

03 - Bị mất hiệu ứng Transparent
--> Giống như trong Kĩ xảo điện ảnh, Windows sử dụng 1 màu như là trong suốt, những chỗ có màu đó sẽ coi như bị "thủng" để nhìn xuyên ra phía sau. Khi edit hình bạn không được đụng tới phần màu đó. Thường thì phần đó thường có màu hồng (có thể sẽ khác, tùy trường hợp), khi edit bạn ko thấy được hiệu ứng mà khi dùng mới thấy rõ, tốt nhất là ko nên đụng tới chúng.

[Shiera Ayumi]

Cuối cùng cũng vào 4rum được 8-} Đã edit xong bạn nào rảnh thì làm vài cái style cho mọi người thưởng thức

[WarriorKK]

Hự... Cứ nhìn vào đống mã lập trình mà mắt mình quay cuồng @_@
Chắc chưa thể làm bây giờ, máy móc đang chờ cân ký rồi

[Shiera Ayumi]

Có lập trình gì đâu hầu hết thao tác với chuột đấy chứ
Mà máy móc của tỉ hỏng hóc gì mà đến nỗi thê thảm thế ?

[Negi Springfield]

Cái này đơn giản mà. Cảm ơn đã chia sẻ.

[Shiera Ayumi]

Qua bên Miku thấy có cái trò lạ lạ nên thử bắt chước xem sao



Khi vào thư mục nhạc thì thế này



Nhưng cũng có thể là thế này, với những ai thuộc dạng hơi u ám tý



Nhưng nếu là dân mê Ecchi nặng thì cũng có thể ra thế này



Còn với mấy ông giáo sư Hát thì mình chịu không tưởng tượng được
Làm ẩu vẫn lem nhem quá

[Leonardo-sama]

Bạn làm ơn chỉ luôn cách Edit khung Start Menu, task bar và folder back ground đc không? Thanks in advance.

[Hideki Motosuwa]

có cái nào cho vista 0 vậy