Tùy biến tất tần tật giao diện N900

Thảo luận trong "Kiến thức cơ bản - Thủ thuật" bắt đầu bởi Huyenlina, 28/10/12.

  1. Huyenlina

    Huyenlina VIP Member

    • Loading..............
    Bài viết:
    2,665
    Được thích:
    15,952
    Thành tích:
    113
    Đến từ:
    Thiên hà 95
    Conversation

    [​IMG]
    Kô hình nền
    Có hình nền

    Chuẩn bị
    - Cài đặt Filebox cho N900.
    - Phần mềm lập trình Java hoặc NotePad++.
    - Phần mềm convert ảnh: Download (Nên rắc)
    - Web phối màu:
    http://www.vavietnam.com/bang-mau-thiet-ke-website/
    http://www.dasplankton.de/ContrastA/

    Nên biết
    - Me: những gì liên quan đến chủ N900.
    - Other: những người khác trong danh bạ.
    - Khi tải giao diện ở trên về giải nén ra trong folder html sẽ có rất nhiếu thứ:
    + Avatar: ảnh đại diện của Me.
    + Background: hình nền.
    + MessagingWidgetsChatConversation: giao diện Chat (Skype, Gtalk, ...).
    + MessagingWidgetsSingleSMS: giao diện Forward (chuyển tiếp tin nhắn).
    + MessagingWidgetsSMSConversation: giao diện tin nhắn.

    Thay đổi avatar và hình nền
    Chọn avatar và hình nền vừa ý rồi convert như sau:
    - Avatar: kích thước 65x65, định dạng PNG, tên Avatar.
    - Avatar trong khung Forward: kích thước 80x80, định dạng PNG, tên AvatarSingle.
    - Background: kích thước tùy ý, định dạng JPG, tên Background.
    Chép đè vào folder html.

    Hiệu chỉnh nền SMS và Chat
    Vì giao diện của SMS và Chat giống nhau nên sẽ hiệu chỉnh chung. Edit 2 fileMessagingWidgetsChatConversation.cssMessagingWidgetsSMSConversation.cssbằng NotePad++.
    Tìm đoạn:
    Code:
    div.BubbleSelf { Hiệu chỉnh nền SMS và Chat của Me.
    -moz-border-radius-topright: 30px; Bo tròn trên phải
    -moz-border-radius-topleft: 0px; Bo tròn trên trái
    -moz-border-radius-bottomright: 0px; Bo tròn dưới phải
    -moz-border-radius-bottomleft: 30px; Bo tròn dưới trái
    background-color:#FFFF99; Màu nền (dùng mã hex)
    opacity: 0.7;
    border-style:solid;
    border-width: 0px; Độ rộng viền
    clear: right;
    margin-left: 0px; Canh lề trái
    margin-right: 0px; Canh lề phải
    vertical-align: middle;
    padding: 4px 8px;
    text-align: justify; Giãn ký tự
    display:inline-block;
    width: auto;
    max-width: 80%;
    min-height: 56px;
    }
    Chỉnh sửa các chỉ số theo đơn vị pixel.
    Tiếp tục tìm đoạn:
    Code:
    div.BubbleOther { Hiệu chỉnh nền SMS và Chat của Other.
    ......
    float:right; Dịch khung chat sang phải, đổi left sẽ dịch sang trái.
    ......
    }

    div.BubbleSelfClicked { Hiệu chỉnh nền SMS và Chat của Me khi touch vào.
    ......
    ......
    }

    div.BubbleOtherClicked { Hiệu chỉnh nền SMS và Chat của Other khi touch vào.
    ......
    float:right;
    ......
    }

    div.Avatar { Avatar của Me.
    width: 64px;
    float: left; Dịch Avatar sang trái, đổi right sẽ dịch sang trái.
    display: inline-block;
    vertical-align: middle;
    }

    div.AvatarOther { Avatar của Other.
    width: 64px;
    float: right;
    display: inline-block;
    vertical-align: middle;
    }
    Nền Chat và SMS trong suốt
    Edit 2 file MessagingWidgetsChatConversation.cssMessagingWidgetsSMSConversation.css bằng NotePad++.
    Tìm đoạn:
    Code:
    div.BubbleSelf {
    ......
    background-color:transparent; Trong suốt
    ......
    }

    //Làm tương tự như trên\\
    div.BubbleOther {
    ......
    ......
    }
    div.BubbleSelfClicked {
    ......
    ......
    }
    div.BubbleOtherClicked {
    ......
    ......
    }
    Đổi màu chữ SMS
    Vẫn làm trên 2 file trên.
    Tìm đoạn:
    Code:
    div.Message { Của Me.
    color:#000000; Màu chữ (mã hex).
    padding-bottom: 8px;
    clear: both;
    display: block;
    padding-left: 8px;
    }

    div.Message.Other { Của Other.
    color:#000000; Màu chữ (mã hex).
    padding-bottom: 8px;
    clear: both;
    display: block;
    padding-left: 8px;
    }

    \\Màu thời gian//
    span.MessageTimeStamp {
    color: #00ffff;
    }
    Đổi màu chữ trong khung chuyển tiếp
    Edit file MessagingWidgetsSingleSMS.css.
    Tìm đoạn:
    Code:
    .MessageText.Other { Màu chữ của Other.
    width: 100%;
    color:#8fe82c;
    }

    .MessageText.Self { Màu chữ của Me.
    width: 100%;
    color: #00ffff;
    }

    \\Màu thời gian//
    span.MessageTimeStamp {
    color: #00ffff;
    }

    span.MessageDeliveryTimeStamp {
    color: #00ff99;
    }
    Sau khi edit xong save lại. Copy folder rtcom-messaging-ui vào /usr/share

    Khuyến cáo
    Giao diện màu mè dễ nhìn, đẹp mắt nhưng hệ quả của nó là làm cho khung chat khi load sẽ bị delay, khi trượt sẽ bị dựt.



    Một số giao diện khác

    Đổi font chữ, màu chữ Button và màu chữ thông báo
    - Cài đặt Theme Custumizer.
    - Đổi màu chữ:
    Trong Theme Custumizer đã quá rõ ràng nên mọi người tự hiệu chỉnh nha.
    - 1 phần rất hay ở Theme Custumizer là mục Use custom (fast) window transitions, tốc độ load menu, tắt ứng dụng, chuyển tab sẽ nhanh đến chóng mặt.
    - Đổi font:
    Tìm 1 font vừa mắt bỏ vào 1 folder chép vào đt.
    Vào Setting -> Theme Custumizer -> Drop down menu -> Import Fonts from Folder -> dẫn tới folder chứa Font -> Chọn đường dẫn folder đó (vì khi vào folder sẽ kô hiện bất cứ font nào). Chọn xong nó sẽ yêu cầu thoát, rồi vào lại Theme Custumizer. Bấm vào ô chọn font sẽ có tất cả các font vừa thêm vào.
    - Font tuyển:
    [​IMG] victoria
    [​IMG] cajunboogie
    [​IMG] Beyond Wonderland

    Download Fonts

    Sau khi chọn font, màu chữ thì nhớ bấm vào nút dưới cùng Apply changes nha.

    Nền Calendar theo mùa

    [​IMG]
    [​IMG]

    Download
    Sau khi giải nén copy toàn bộ ảnh vào /usr/share/themes/tên theme đang sài/calendar/

    Thay đổi Avatar của tất cả Other
    - Tải bộ avatar này: Download
    - Giải nén sẽ thấy rất nhiều folder, tìm avatar ưa thích - định dạng - kích thước - đổi têngiống với avatar trong từng folder.
    - Copy toàn bộ các folder 48x48, 64x64, .... vào /usr/share/icons/tên bộ icons đang sài/

    Thay đổi ảnh của nút bấm vào menu
    [​IMG][​IMG][​IMG]
    Theo thứ tự từ trái sang phải: Mặt chó bun lúc bình thường, lúc đang chạy 1 hoặc nhiều tab, lúc có NewSMS hoặc MissCall.

    Chó Bun

    Sau khi download, copy tất cả hình vào thư mục usr/share/themes/tên theme đang sài/images
    Nhớ reboot.



    nguồn: tinhte.vn
     
    :
    Pysyren thích bài này.

Chia sẻ trang này