My Opera "đại phẫu"
Monday, November 3, 2008 12:17:25 AM

Mấy bữa trước My Opera ra đã rục rịch thông báo sẽ có một số sửa chữa và chiều hôm qua My Opera đã có một số thay đổi khá lớn mà theo họ nói là phiên bản này sẽ ổn định hơn, tương thích với các trình duyệt tốt hơn và có phiên bản hiện thị tốt trên điện thoại di động. Theo blog của My Opera Community thì có rất nhiều cải tiến đáng kể. Như:
- Cải tiến giao diện: Điều dễ thấy nhất là giao diện của My Opera Community đã thay đổi. Avatar và các thanh điều khiển ở trên cùng có một màu đỏ đặc trưng của Opera. Các phân mục được sắp xếp lại để dễ nhìn hơn, thuận tiện cho theo dõi và tìm kiếm thông tin.
- Hiển thị nhiều giao diện: Với phiên bản My Opera mới người dùng có thể hiện thì giao diện với 5 ngôn ngữ là tiếng Na Uy, tiếng Trung, tiếng Ý và tiếng Tây Ban Nha. Việc thay đổi rất dễ dàng bằng cách chọn ngôn ngữ ở nút chọn phía dưới cùng của blog. Trong thời gian ngắn tới sẽ có thêm một số ngôn ngữ mới được cập nhật trong đó có cả tiếng Việt.Tin vui cho cả nhà: phiên bản My Opera tiếng Việt sẽ rất sớm ra lò.
- Dung lượng lưu trữ tăng lên 1GB: Đây là một điểm nổi trội của My Opera hơn các blog khác. Trước kia My Opera cho phép lưu trữ files và ảnh với 300Mb. Hiện giờ dụng lượng lưu trữ ấy đã được tăng lên 1Gb cho phép thành viên lưu trữ nhiều hơn.
- Thêm giao blog diện mới: My Opera sau đợt đại phẫu này đã bổ xung thêm một giao diện mới có tên "In the Shadows" đen thùi lùi và nhìn khá ấn tượng. Ngoài ra opera cũng thông báo trên blog phát triển của họ là có một số thay đổi trong phần CSS, họ sẽ chuyển từ XHTML sang sử dụng HTML. Trong khi thêm các tính năng mới và cải thiện tính năng cũ, họ đã phải tinh chỉnh các mã HTML. Một số các thay đổi nhỏ đã được thực hiện trong CSS phần "friends", "latest visitors" và "latest comments". Và một số chi tiết cũng đã được thay đổi trong mục album ảnh, trong phần đầu trang. Thanh điều khiển phía trên cùng có id là #myo đã được chuyển vào trong #wrap3. Điều này làm các giao diện cũ do thành viên sửa chữa bị thay đổi. Mình chưa có thời gian nghiên cứu sâu về nó lên hiện tại vẫn phải sử dụng một giao diện mặc định của My Opera.
- Hiện thị tối ưu trên di động: Rất nhiều tính năng tối ưu cho điện thoại di động đã được cung cấp như việc sử dụng các hình ảnh nhỏ hơn cho phép tăng tốc độ tải xuống. Bạn có thể xem phiên bản cho điện thoại di động bằng cách nhấn vào nút "view mobile site" phía dưới cùng của blog.
- Thêm chương trình xem ảnh theo dạng slideshow: Giờ đây ngoài việc xem ảnh trong mục photos theo cách thông thường các thành viên còn có thể xem ảnh bằng một chương trình trình diễn ảnh. Vào mục Photos vào tên Album và nhấn vào nút "view slideshow". Sử dụng prototype script nhưng không được ấn tượng lắm. Chương trình tự chuyển ảnh, không có nút điều khiển cho người dùng và chưa có nhiều hiệu ứng chuyển ảnh đẹp mắt. Dù sao đây cũng là một cải tiến của My Opera, chúng ta cùng chờ đợi xem sao.
- Giao diện của phần Messages đã được thiết kế lại: Sửa đổi mới cho phép hiện thị avatar của người gửi. Điểm chú ý nhất trong mục "messages" không phải là ở phần hiển thị avatar của người gửi mà là ở phần cho phép đánh dấu chọn để xóa, để đưa vào mục spam. Có một cải tiến mà theo cá nhân mình thấy là thụt lùi so với phiên bản trước. Ở phiên bản trước mỗi lần nhấn vào xem thư thì nội dung thư được hiển thị bên dưới danh sách thư. Muốn xem nội dung thư khác thì chỉ việc nhấn vào tiêu đề lá thư tiếp theo. Ở phiên bản mới, nhấn vào xem thư thì hiển thị nội dung thư ra một trang khác, muốn xem thư khác lại phải nhấn vào "Inbox" và nhấn vào tiêu đề bức thư khác. Vậy là phải thêm mất một thao tác quay về "Inbox". Chúng ta sẽ tiếp tục đợi việc này xem sao vì theo bài viết trên blog commnunity của My Opera thì các các cải tiến mới sẽ được bổ xung sau
.- Cải tiến lớn trong phần lập trình code: Theo My Opera thì họ đã viết lại một phần khá lớn của toàn bộ mã nguồn My Opera. Đây là một bước rất lớn để cung cấp thêm các tính năng tốt hơn và nhanh hơn cho người dùng trong tương lai.
- Tính năng báo cáo vi phạm tới người quản trị: Trong tất cả các bài viết trên diễn đàn, trong các Album hình ảnh đã có một công cụ để báo cáo vi phạm. Tất cả các báo cáo sẽ được kiểm tra do một người kiểm duyệt từ phía My Opera. Tính năng báo cáo vi phạm đảm bảo cho cộng đồng tiếp xúc với các thông tin và hình ảnh sạch.
Nguồn Phạm Lâm: http://my.opera.com/phamlam/blog/2008/11/19/my-opera-dai-phau
Cách đẩy thanh Top Bar lên phía trên với các Blog bị thanh Top bar nằm ngang Banner- Tân Sang
Những Blog bị tình huống này như Blog Nhà Susu, Cún Ngọc Bích, Nhà Tũn...
Bước 1: Sửa ảnh nền của wrap1.
Dùng Photoshop hoặc một chương trình nào đó tăng chiều cao ảnh nền wrap1 lên 50px. Ví dụ

Sửa thành:

Bước 2: Sửa mã CSS wrap1.
Tăng Padding-top của ID #wrap1 lên thêm giá trị 50px (Giá trị Padding-top mới= Giá trị Padding-top cũ + 50px)
Ví dụ:
#wrap1 {
BACKGROUND: url(http://files.myopera.com/susubapcai/cream/wrap1_su.JPG);
MARGIN: 0px auto;
WIDTH: 880px! important;
PADDING-TOP: 60px
}
Tăng Padding-top mới thành
#wrap1 {
BACKGROUND: url(http://files.myopera.com/susubapcai/cream/wrap1_su.JPG);
MARGIN: 0px auto;
WIDTH: 880px! important;
PADDING-TOP: 110px
}
Bước 3: Bổ sung thêm đoạn CSS sau vào CSS cũ của bạn. Đặt chỗ nào cũng được, tốt nhất là đặt phía cuối Blog.
/* top bar */
#myo {
background:#eee url(/community/graphics/users/topmenu1/sprites.png);
color:#fff;
height:50px;
position:relative;
top:-110px;
z-index:9999;
padding-left:0;
}
#myo2 {
min-width:600px;
position:relative;
}
#myo-nav ul {
width:328px;
display:inline;
float:right;
margin:26px 20px 0 0;
position:relative;
top:-50px;
}
/*----------------------------------------------------------------------------------------*/
Bước 4: Sửa lại giá trị CSS của đoạn mã trên:
Giá trị Top của ID #myo = giá trị PADDING-TOP của ID wrap1, nhưng có dấu trừ phía trước.
Bây giờ bạn bấm Save và bấm F5 để thử xem thế nào nhé. Chắc là OK. Chúc các bạn thành công!














Trịnh Nam Khánhcunkhanh # Monday, November 24, 2008 1:37:39 AM
Tân SangTansang # Monday, November 24, 2008 10:31:20 AM
Unregistered user # Thursday, November 27, 2008 4:55:04 AM
Dj Longnelydjlongnely # Wednesday, June 17, 2009 7:16:14 PM
Tân SangTansang # Wednesday, July 29, 2009 3:04:43 AM
Vip.KUTEVipboyhn # Tuesday, March 23, 2010 5:47:44 AM
xxxvipxxxxvipxx # Monday, April 5, 2010 9:00:45 AM