Mọi
người đã dùng thử bản Beta giao diện mới của 360plus chưa nào? Có phải
là chưa quen và vẫn gặp 1 số trục trặc vì CSS không tương thích không
nào? Đừng lo nha mọi người, hôm nay BQT gửi đến cả nhà một bài hướng
dẫn thay đổi 1 số mã CSS giúp blog các bạn không gặp lỗi khi chuyển qua
giao diện mới nè!
Đầu tiên, mọi người hãy lưu ý rằng, để mã CSS của mình có thể chạy tốt trên cả 2 phiên bản giao diện cũ và mới, các bạn nhớ đừng thay thế các đoạn mã CSS mới mà chỉ cần thêm những thay đổi này vào đoạn CSS hiện tại mà thôi!
Ngoài
ra, thêm 1 lưu ý nữa là đối với các blog đang sử dụng theme có sẵn
trong thư viện theme mà 360plus cung cấp thì khi chuyển qua giao diện
mới, theme sẽ tự động hiển thị tương thích không cần chỉnh sửa.
Chúng
ta sẽ bắt đầu bằng thay đổi lớn nhất trong đoạn mã CSS xử lý đường viền
trên của các module. Các đoạn mã bị ảnh hưởng sẽ hiển thị như sau:
Lớp
.rc đã được đổi tên thành .rc_hd. Để cập nhật mã CSS của bạn, chỉ cần
chép các đoạn mã CSS của bạn có chứa các lớp .rc ra các dòng mới. Và
thay thế. rc thành .rc_hd. Bạn
hãy nhớ, không thay thế tùy chỉnh CSS mà hãy sao chép thành các dòng
mới để đảm bảo rằng CSS của bạn là tương thích ngược với phiên bản hiện
tại 360plus
Sự thay đổi tương đối nhỏ hơn là việc loại bỏ các thẻ có
chưá các lớp .bd và .ft cho module titlebars. Chúng hiện không nắm giữ
bất kỳ thông tin nào nên đã được gỡ bỏ, trong khi đó điều cần thiết là
tối ưu hóa những đoạn mã làm cho kích thước trang blog của bạn nhỏ hơn
và tải nhanh hơn!
Thêm
một sự thay đổi lớn khác là sự thay đổi ở thanh logo trên cùng của
blog. Trước đây đoạn mã dành cho thanh logo này nằm tách riêng với tên
gọi #blog_masshead. Giờ đây, đoạn mã này đã được dời vào chung trong
các đoạn mã bên trong blog và đổi tên thành #ygma. Sự thay đổi tương tự
cũng diễn ra đối với thanh công cụ blog. Tất nhiên các bạn sẽ vẫn có
thể thay đổi thanh logo và thanh công cụ này khi tùy chỉnh CSS nhưng
chúng tôi hoàn toàn không khuyến khích việc làm này vì 1 số lý do như
sau:
1. Một thanh công cụ thống nhất giúp tất cả người dùng (các blogger mới và các blogger kỳ cựu) duyệt các trang blog dễ dàng hơn.
2. Thay đổi giao diện của thanh logo trên cùng và thanh công cụ có thể
dẫn tới một trải nghiệm không tốt cho blog và khách viếng thăm blog cuả
bạn.
3. Bạn đã nhận ra một thanh công cụ hoàn toàn mới trong phiên bản Beta
của giao diện mới này, nó không chỉ xuất hiện khi bạn vào bên trong
trang blog mà nó thể hiện ngay trên trang chủ blog. Vì vậy mà nếu bạn
thay đổi mã CSS riêng nhằm tác động đến thanh logo và thanh công cụ,
rất có thể khi áp dụng cho phiên bản Beta của giao diện mới, thanh logo
và thanh công cụ mới này sẽ không xuất hiện và gây ra cảm giác khác lạ
cho bạn khi bắt đầu sử dụng phiên bản mới.
Tất
nhiên là chúng tôi đang cố gắng không để cho thanh logo gây ảnh hưởng
cũng như làm giảm sự đam mê thỏa sức thiết kế cuả các blogger, nhưng
chúng tôi vẫn phải đảm bảo rằng mọi phần trên sản phẩm đều phải thân
thiện với phần đông người dùng. Hãy phản hồi cho chúng tôi biết cảm
nhận và góp ý của bạn, chúng tôi rất mong được lắng nghe.
Cuối cùng, nếu bạn vào tùy biến giao diện của phần cuối trang, chúng
tôi cũng đã gỡ bỏ một wrapper dư tại phần đó (#footer trước đó) và nó
cũng đã được gom vào các đoạn mã trên - dưới các #ft div.
Như vậy, đối với phiên bản Beta của giao diện mới, các cơ cấu chính của
blog của bạn vẫn như cũ, chúng ta chỉ cần làm một vài tinh chỉnh ở đây
để có một phiên bản blog nhanh và tốt hơn!
Chúc các bạn may mắn trong việc tuỳ chỉnh blog của bạn với các đoạn mã CSS! Nguồn: Yahoo! 360plus
—╬ღ♥ ( lãng tử korea BANG CHỦ[Cái bang ]) ♥ღ╬— 10:50 08-11-2009
đưa flash vào thì lại hiện viền,.........
MinhNguyênBlog11:03 08-11-2009
minh` cung~ chua thu? nua~
thanks vi` da~ CM
cuoi tuan` zui ze~ nha