[Thủ Thuật] Cá nhân hoá giao diện khởi động PlayBook Browser

​

Mình có giới thiệu sơ qua về việc chỉnh sửa và làm đẹp cho giao diện khởi động khi mở PlayBook Browser ở thread demo này.

Không dài dòng nữa, mình sẽ bắt tay vào hướng dẫn các bạn tự tạo một giao diện StartPage cho riêng mình, cá nhân hoá và tự khẳng định phong cách riêng Các bạn nên Bookmark lại bài này, vì chúng ta sẽ giúp nhau, cũng như chia sẻ các startpage với nhau.

Đầu tiên mình sẽ giới thiệu StartPage rất hợp với PlayBook, là Metro8 theo phong cách của Windows 8.

Các bạn Download file theme Metro8 về trước. Sau đó Extract ra, ta có một folder, bên trong chứa một file có tên là Config.html, các bạn mở file này trên PC bằng FireFox hoặc Chrome, ta được màn hình tinh chỉnh như sau:

​

Number of screens: Số lượng màn hình slide. Các bạn chọn từ một đến ba, tuỳ theo nhu cầu cá nhân.

Default search engine: Có vài lựa chọn, các bạn quen cái nào thì dùng cái đấy để tiện lợi.

Nhấn và nút mũi tên để xác nhận! Mình cơ bản đã có một giao diện Metro rồi. Chúng ta sẽ xây dựng lại các shortcut bên trong để dễ dùng hơn. Bằng cách di chuyển trỏ chuột vào các ô tương ứng và nhấn vào nút setting, bạn có thể thay đổi theo ý thích.

​

Khi chọn thiết lập cho mỗi shortcut chúng ta sẽ điền thông tin vào, gồm Title, Link, và iconFilename, các bạn muốn dùng các icon nào thì tham khảo hoặc thêm mới icon trông Metro8/Thumbnail nhé. Ví dụ ở trên, mình đã thay đổi cho BBVietnam.

Sau khi thiết lập các shortcut xong hết, bạn chỉ cần nhấn trỏ chuột voà nút Generate setting file.


Chúng ta có được một trang chứa Source như trên, chọn Select all, và copy toàn bộ.

Quay trở lại folder Metro8, tìm file source.js, mở nó lên bằng notepad, xoá toàn bộ những gì có bên trong rồi dán source chúng ta đã copy ở trên vào.

Bây giờ copy toàn bộ Folder Metro8 vào PB theo đường dẫn Z://misc/browser (tạo một folder có tên browser để sau này chúng ta có thể quản lý nhiều startpage khác nhau)

Sau khi các bạn làm đến bước copy thư mục vào PlayBook thì dùng phần mềm quản lý file bất kỳ, file and folder chẳng hạn, mở thư mục đó ngay trên PlayBook. Chọn file "Index" và open. Vậy là đã có được trang như ý. Sau đó copy địa chỉ trên trình duyệt đó lại và paste vào mục "Setting/home page". Nhớ lựa chọn for new page show là my home page nha các bạn.

Và thành quả của chúng ta, mỗi khi khởi động thay vì hiện lên bookmark như cũ sẽ thay vào đó bằng cái Style Metro8 này.

​

​

Xem lại video demo​

Xem trên BB​

Trên đây là cách dễ nhất để tạo ra một "giao diện metro". Thực chất vấn đề cũng rất chi là đơn giản với 2 bước sau:

1. Tạo giao diện là 1 file html, lưu vào PlayBook
2. Đặt trang đó làm HomePage

Các style khác mình sẽ cập nhật thêm, bạn nào có cái nào đẹp cũng show lên cho anh em cùng xem nhé

Video hướng dẫn chỉnh sửa bằng config.htm​

[Xem trên Mobile]​

​

Video hướng dẫn chỉnh sửa bằng source.js​

[Xem trên Mobile]​

​

Kích thước logo trên màn hình Metro​

​

Premium Content

Subscribe and get exclusive access to our premium content!