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

Thảo luận trong 'Hướng dẫn - Chia sẻ kinh nghiệm - Hỏi/Đáp (PB)' bắt đầu bởi ChangDau, 9/5/13.

Chia sẻ trang này

  1. ChangDau I feel lost inside myseft
    BB Model:
    R-900

    Tham gia:
    5/2/11
    Số bài viết:
    4.098
    Được thích:
    4.639
    [​IMG]

    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:

    [​IMG]

    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.

    [​IMG]

    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.
    [​IMG]

    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.

    [​IMG]
    Xem lại video demo​

    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é >:D<

    Video hướng dẫn chỉnh sửa bằng config.htm
    Video hướng dẫn chỉnh sửa bằng source.js
    Kích thước logo trên màn hình Metro
    [​IMG]

    Premium Content
    Subscribe and get exclusive access to our premium content!
     
    Tags:
  2. khaisilk1910

    khaisilk1910 Moderator

    Tham gia:
    17/2/11
    Bài viết:
    4.483
    Được thích:
    2.078
    BB Model:
    Z30 + Pearl 8120
    một phát kiến vĩ đại của ChangDau :-bd
     
    motorolavnChangDau thích bài này
  3. quoc_nhai

    quoc_nhai Active Member

    Tham gia:
    25/2/11
    Bài viết:
    215
    Được thích:
    95
    BB Model:
    Q10
    Bác chủ hướng dẫn mà cứ như Nói Thầm, em chẳng nghe gì cả. :)
     
    ChangDau thích bài này.
  4. justinphu0946

    justinphu0946 Active Member

    Tham gia:
    20/10/12
    Bài viết:
    178
    Được thích:
    43
    BB Model:
    z10
    up phát cho anh changdau tks anh nhiều nhiều
     
    ChangDau thích bài này.
  5. motorolavn

    motorolavn Active Member

    Tham gia:
    17/2/11
    Bài viết:
    191
    Được thích:
    39
    rồi, chuẩn bị nghịch phá nào các ae PB =)
     
    ChangDau thích bài này.
  6. khaisilk1910

    khaisilk1910 Moderator

    Tham gia:
    17/2/11
    Bài viết:
    4.483
    Được thích:
    2.078
    BB Model:
    Z30 + Pearl 8120
    Bác ý còn e thẹn nên vậy ;)
    Hướng dẫn cụ thể ở nội dung bài viết rồi bạn.
     
    ChangDau thích bài này.
  7. vnbb

    vnbb Super Moderator

    Tham gia:
    5/1/11
    Bài viết:
    19.577
    Được thích:
    18.766
    BB Model:
    Passport
    Không bao giờ hết cảm hứng sáng tạo trên BlackBerry :-bd
     
    cuongdc, ZerostarChangDau thích bài này.
  8. netletdet

    netletdet New Member

    Tham gia:
    14/6/12
    Bài viết:
    6
    Được thích:
    1
    BB Model:
    9780
    chút nữa phá thử xem sao hehehe, thank chủ thớt nhìu nhìu
     
    ChangDau thích bài này.
  9. leeanh

    leeanh Active Member

    Tham gia:
    31/10/11
    Bài viết:
    247
    Được thích:
    54
    mình vào link file//.................trên pb báo lỗi là sao vậy pro,...đến đấy chịu chết luôn hic ~:>
     
  10. ChangDau

    ChangDau I feel lost inside myseft

    Tham gia:
    5/2/11
    Bài viết:
    4.098
    Được thích:
    4.639
    BB Model:
    R-900
    Bạn gõ file:/// rồi nhấn enter thử xem. Duyệt từ từ đến file index.html là được.
     
    leeanhZerostar thích bài này
  11. minhdhvn

    minhdhvn Member

    Tham gia:
    4/5/12
    Bài viết:
    73
    Được thích:
    39
    BB Model:
    Z10+9780
    Mình bổ sung lại cái link cái :D
    file:///accounts/1000/shared/misc/browser/Metro8/index.htm
     
    leeanhChangDau thích bài này
  12. bbold

    bbold Well-Known Member

    Tham gia:
    25/5/11
    Bài viết:
    220
    Được thích:
    261
    BB Model:
    Bold 9000
    Oh, tuyệt qua. Phải thử ngay mới được, Thanks bác nhé :-bd
     
    ChangDau thích bài này.
  13. thuoclao0908

    thuoclao0908 Well-Known Member

    Tham gia:
    10/7/12
    Bài viết:
    1.600
    Được thích:
    638
    BB Model:
    ........
    Đúng là 1 sáng kiến vĩ đại nhìn thế này cứ như là Pb chạy Windows 8 vậy :)
     
  14. tuquangtran123

    tuquangtran123 Member

    Tham gia:
    20/8/12
    Bài viết:
    53
    Được thích:
    9
    BB Model:
    12345
    sửa chữ không đc, bấm vào răng cưa mà không đc ><
     
  15. guntx

    guntx MC Phan Anh

    Tham gia:
    23/1/11
    Bài viết:
    2.750
    Được thích:
    753
    BB Model:
    8820 AT-T
    Úi giời. Cứ tưởng win8 :)) (y)
     
  16. thanhpv

    thanhpv New Member

    Tham gia:
    1/2/11
    Bài viết:
    21
    Được thích:
    7
    BB Model:
    9700
    bấm vào bánh răng để vào setting sửa các mục không được là sao ChangDau ơi???
     
  17. camloi

    camloi Active Member

    Tham gia:
    1/11/11
    Bài viết:
    126
    Được thích:
    28
    BB Model:
    Z10
    Sao hông được ta ... đường dẫn toàn báo lỗi
     
  18. leeanh

    leeanh Active Member

    Tham gia:
    31/10/11
    Bài viết:
    247
    Được thích:
    54
    đã ok....thank chủ thớt
     
  19. khaisilk1910

    khaisilk1910 Moderator

    Tham gia:
    17/2/11
    Bài viết:
    4.483
    Được thích:
    2.078
    BB Model:
    Z30 + Pearl 8120
    Xem lại vị trí lưu để có đường dẫn đúng
     
  20. MR_DUC

    MR_DUC New Member

    Tham gia:
    9/5/13
    Bài viết:
    3
    Được thích:
    0
    BB Model:
    PlayBook
    bấm vào răng cưa, không sửa đc bác ơi.
     
Đang tải...