• Hiện tại trang web đang trong quá hình chuyển đổi và tái cấu trúc lại chuyên mục nên có thể một vài chức năng chưa hoàn thiện, một số bài viết và chuyên mục sẽ thay đổi. Nếu sự thay đổi này làm bạn phiền lòng, mong bạn thông cảm. Chúng tôi luôn hoan nghênh mọi ý kiến đóng góp để chúng tôi hoàn thiện và phát triển. Cảm ơn

Hướng dẫn mod skin và Tổng hợp Skin BelleTopbar

Dragon459

Dragon459

Manager
Hướng dẫn mod skin và Tổng hợp Skin BelleTopbar

Có lẽ nhiều bạn cũng đã biết là Ứng dụng BelleTopbar đã dừng phát triển tiếp ở phiên bản v3.0 rồi.
Chính vì thế mà đây tạm thời được xem như phiên bản final.
Điểm nổi bật và độ hot của ứng dụng này thì có lẽ mình không cần nói thì mọi người trong box v5 cũng đều biết.
Vì là 1 ứng dụng của bên thứ 3 nên điều đáng tiếc ở đây là các theme lại không hỗ trợ skin bên trong như những theme bên belle.
Vậy hôm nay m lập topic này trước hết là để chia sẻ cách mod skin và tổng hợp những skin cho ứng dụng này để mọi người có thể dễ dàng tùy biến với theme đang sử dụng.
Hi vọng sau bài viết này thì nhiều bạn có thể tự tạo ra cho mình những skin dộc đáo đi kèm với những theme cũng độc đáo không kém.
Bài viết m sẽ viết thật chi tiết để cho tất cả các bạn (kể cả các bạn mới nhập môn) cũng đều có thể làm được​
.
 
Dragon459

Dragon459

Manager
1/ Hướng dẫn mod skin Belle topbar

Những ứng dụng cần thiết.

Siscontent
Inkscape (Ink) hoặc Adobe Illustrator (Ai) tùy theo nhu cầu và khả năng sử dụng của mỗi người.
Trên hình minh họa nếu có thì mình sẽ thực hiện với Ai



Các file mình sẽ mod đó chính là 2 file Belle_icons.mif (Chứa các tập tin svg) và SkinSettings.txt (Chứa thông tin vễ mã màu, đồng hồ...vv).Đây cũng là 2 yếu tố tạo nên 1 skin hoàn chỉnh. Thiếu 1 trong 2 thì skin không hoạt động hoặc không hiện thị trong mục chọn skin ở ứng dụng belle topbar.

2file này nằm ở 2 đường dẫn
C:\data\Belle_TopBar\default-full\SkinSettings.txt
và
C:\data\Belle_TopBar\default-full\Belle_icons.mif

(Riêng phần in đậm chữ đỏ thì có thể thay đổi tùy theo skin - Phần này tạm thời bỏ qua. M sẽ nói ở mục đóng gói skin dạng file sis sau)



Phần 1. Mod Belle_icons.mif
Trước tiên các bạn download chương trình belle topbar bản 3.0 về máy và mở nó với Siscontent

36ec8d9e06d47ddd82dcff04b160b7de_49980533.dragon459sscreenshot001.jpg


Tìm đến và nhấp đúp vào file Belle_icons.mif và extract all image ra 1 folder (Tạm gọi folder 1)
4edf82acd5e406ce0ce5144127418ddb_49980534.dragon459sscreenshot002.jpg



Mở folder 1 ra thì các bạn đã có thể hình dung được các entry bên trong Mif của 1 skin là như thế nào rồi.
Để xem các file svg thì các bạn có thể dùng AI hoặc Ink. Nhấn ctrl +O để mở folder 1 là các bạn có thể xem được toàn bộ các file svg.
087f61df492ea2348e8423efeba34986_49980535.dragon459sscreenshot003.jpg



Bây giờ thì bắt tay vào công việc chỉnh sửa những entry này theo khả năng và ý muốn của bạn để tạo ra những entry mới tương ứng.
bạn nào không biết sửa thì có thể sử dụng những entry từ những skin khác cũng được
b838ce66120b047393534c655ef0d3e1_49980536.dragon459sscreenshot005.jpg

Sau đó khi chỉnh sửa được 1 entry mới thì các bạn có thể lưu đè lên entry gốc cũng được. Hoặc có thể lưu sang 1 folder khác với cùng tên để có thể dễ dàng replace những entry này.

96509776000749b11d2ba1efd5e69572_49980538.dragon459sscreenshot006.jpg

Sau khi đã chỉnh sửa toàn bộ những entry mà bạn muốn thì thực hiện công việc replace những entry này vào file mif.


Sau khi replace toàn bộ entry thì đóng cửa sổ Task lại. Tìm đến file Belle_icons.mif và nhấn chuột phải chọn extract hoặc bạn có thể nắm vào file này và kéo ra ngoài cũng được

a03c20720ab6d6be1a0bbf3f0de9421b_49980539.dragon459sscreenshot007.jpg


Như vậy là ta đã có 1 file Belle_icons.mif mới

0bf21eb96f5c07422ff68c1c7f801130_49980605.dragon459sscreenshot008.jpg
 
Dragon459

Dragon459

Manager
Hướng dẫn chỉnh sửa file SkinSettings.txt
Với file này thì chỉnh sửa khá đơn giản.
Các bạn extrac file này từ siscontent tương tự như với Belle_icons.mif
Sau đó mở với note của win
21e53b9b637215ecb7d0f99a4e67b347_49980760.dragon459sscreenshot009.jpg


[clock]
show:yes ==>Có thể sửa lại là Yes hoặc No (Yes là hiện động hồ - No là ẩn đồng hồ ở skin đó ) - Cái này không chắc chắn hoạt động ở mọi skin và mọi máy
type:12hr ==>Có thể sửa lại là 24h ( Chắc ai cũng biết công dụng rồi. định dạng 12h hoặc 24h đó mà :D)

[fontcolour]
red:255
green:255
blue:255

==>bạn có thể thay đổi các giá trị red - green - blue từ 0-255 dây chính là mã màu RGB.
Chức năng của nó là thể hiện màu sắc ở bên trong belletopar ở các mục đồng hồ, title, các thông báo tin nhăn sms ,call...
các bạn có thể vào đây để tra nhanh mã màu mà bạn muốn

[text]
show:yes ==>Có thể đổi là No để không hiện thị text thông báo trong khung belletopbar

[operator]
show:yes ==>Có thể đổi là No để không hiện thị text thông báo trong khung belletopbar
Click to expand...



Sau khi chỉnh sửa xong thì các bạn lưu lại file này vào cùng folder mà các bạn đã để Belle_icons.mif cho tránh nhầm lẫn.
 
Dragon459

Dragon459

Manager
và cuối cùng là bước đóng gói thành 1 file sis riêng biệt.
Các bạn mở siscontent. Nhấn Ctrl + N --> Ok
Điền các thông tin cơ bản
03474b5f21d3a06fbb321957ca78327c_49980836.dragon459sscreenshot011.jpg


Chuyển qua tap content và chọn add entry
Trong tab Target thì các bạn điền như sau
77b81af0549ae837693d2c3bb58fd79d_49980837.dragon459sscreenshot012.jpg

C:\data\Belle_TopBar\Skin moi\Belle_icons.mif
Phần in đậm chính là tên skin hiện thị trong belle topbar.
tên này không được trùng nhau ở cùng 1 máy.

Thực hiện tương tự với file SkinSettings.txt.
C:\data\Belle_TopBar\Skin moi\SkinSettings.txt
Lưu ý là đường dẫn và phần in đậm phải tuyệt đối giống nhau.
Sai là skin sẽ không hiện thị trong mục chọn skin


Sau đó các bạn lưu file này với tên bạn muốn. Như vậy là các bạn đã có được 1 skin mới cho belle topbar.
Các bạn chép file này vào đt và cài đặt bthg sau đó vô mục chọn skin để thưởng thức thành quả của mình.
và tất nhiên là các bạn cũng có thể chia sẻ các skin dạng file sis do tự tay mình vừa làm lên diễn đàn nếu muốn. =D>
 
R

Radium

Moderator
a Rồng có thể hướng dẫn cách mod vị trí của mấy cái icon được k a?
 
You must log in or register to reply here.
Top