Feb 27, 2012

Tự tạo giao diện cho trình duyệt Chrome theo phong cách riêng.

Bạn không muốn sử dụng theme cố định của Google Chrome, và cũng không thích dùng theme của người khác, cũng như muốn tự tạo ra theme cho riêng mình. Điều đó hoàn toàn có thể với tutorial sau.
Yêu cầu:
·         Có chút kiến thức về paint, đồ họa.
·         Paint, Photoshop.
Đầu tiên bạn đăng nhập vào trang: http://www.chrometheme.net/  Click chọn Theme Creator

clip_image004[3]
Ở đây có 3 tab bạn cần lưu ý:
Start: Các thông tin khái quát bao gồm: Theme name (tên theme), Description (Mô tả). Các tùy chọn bên dưới sẽ được đề cập sau.
Images: Chúng ta sẽ làm việc nhiều với tab này. 
clip_image006[3]
·         Frame: Hình nền cho phần background của title website. Chiều cao bức ảnh thích hợp là 30px.
·         Toolbar: Hình nền cho thanh toolbar + tab. Độ cao thích hợp : 120px
·         Tab background: Hình nền cho thanh tab.  Độ cao thích hợp : 65px
·         New tab page background: Hình nền cho trang New tab của Chrome. Lời khuyên: 800x600.
o    Tùy chỉnh: repeat: lặp lại.
o    Ntp_background_alignment: canh lề bức hình.
·         Frame overlay: Hình nền phía góc trái bên trên của Chrome.Độ cao thích hợp : 40px
·         New tab page attribution: Xuất hiện khi tạo tab mới bằng section.
·         Window control background: Hình nền chỗ các button thu nhỏ, phóng to, tắt ứng dụng.
Các chỉ mục ở đây khá dễ hiểu vì đã được website minh họa ở hình bên cạnh.
Colors & Tints:
clip_image008[3]
Hiệu chỉnh hình ảnh của theme, tuy nhiên chúng ta chỉ chú ý đến một số điểm quan trọng:
·         Tab text: Khi chọn hình nền cho tab, nên chỉnh lại màu của tab text để khỏi bị trùng hoặc chìm màu.
·         Tab background text: tương tự như trên.
·         Button background alpha: độ trong suốt của các nút : new tab, minimize, close.
·         Buttons: màu các thanh bấm.
·         Frame: màu thanh title phía trên.
Sau khi đã xong phần thiết kế,chúng ta sẽ đến phần đóng gói và cài đặt. Các bạn về lại mục Start, chọn Pack and install theme - cài trực tiếp vào chrome của mình (để test thành quả), Pack and download theme (tải về lưu trữ), Pack and dowload zip file (tải về dạng nén).

Khi dùng đuôi có dạng .crx. Các bạn click chuột phải và chọn Open with và trỏ tới chương trình Chrome (ở win7 là C:\Program file\ Google\ Chrome và ở winxp :
C:\Document and setting\Local Settings\Application Data\Google\Chrome\Application\chrome.exe). Xong mở lại file, chương trình Chrome sẽ tự động mở và bạn chọn countinue ở phía dưới trình duyệt để cài đặt theme.

No comments:

Post a Comment