360plus "black box"...

Hôm nay cậu  W.Dephia lại vừa "giới thiệu" (gửi tin nhắn mách lẻo) một blog mới. Nguyên nhân là vì blog này có thiết kế giao diện khá đẹp. Cái thói quen này đã có từ lâu rồi, cứ một người trong nhóm phát hiện được một blog có điểu gì đó "độc đáo" là đều "chỉ điểm" với mấy người còn lại. "Độc đáo" ở đây có nhiều kiểu: blog này có những bài viết hay chẳng hạn, giao diện thiết kế lạ mắt, phong cách, hoặc từng có một thời, "độc đáo" còn có nghĩa là cả những blog có bài viết mang nội dung na ná những entry của một vài người trong nhóm, nói cách khác là "đạo blog" . Có điều dạo này cái "độc đáo" cuối cùng ko còn được quan tâm nhiều như trước nữa, chán rồi !

Nói về blog của bạn này, có nick name là [Kem]. Blog của Kem sử dụng dạng border mảnh và tông màu nâu, nhìn khá gọn gàng. Nói chung về mặt thiết kế thì khá đẹp, mặc dù trông đơn giản. Thi thoảng mới kiếm được một blog có đầu tư về giao diện mà lại ko sử dụng nhiều đến các ảnh animate gif - mấy cái ảnh động nhấp nháy nhức mắt ấy. Về code CSS thì có vẻ như bạn này không thành thạo lắm, nên có một vài lỗi hiển thị ở theme Kem chưa khắc phục được.

Thêm một điều đặc biệt nữa, là blog Kem sử dụng cả code để làm thay đổi phần "black menu" của yahoo 360plus - phần công cụ trên đầu blog. Và bạn này đã viết một bài chia sẻ code CSS trong Entry đầu tiên của blog (Entry đầu tiên public, còn ko biết bạn này có để cái entry nào dạng private ko ), có điều trong entry này Kem có nói đến một lỗi của đoạn code đối với phần menu. Vâng, nghe đến "lỗi" là lại "ngứa", thế là tôi đã sử dụng thử đoạn code này để xem nó có vấn đề gì .

Theo lời bạn thì lỗi này chỉ xuất hiện trên Firefox mà ko xuất hiện trên IE, nhưng thật ra phải nói ngược lại là "IE ko phát hiện ra lỗi này" thì đúng hơn , vì trong các trình duyệt khác tôi có sử dụng vẫn gặp lỗi này. Nguyên nhân là do cơ chế xử lý ưu tiên code của các trình duyệt. Đối với đoạn code xử lý background, IE sẽ ưu tiên đoạn code nào viết sau, còn FF sẽ ưu tiên các đoạn code xử lý có liên quan đến ảnh. Hơn nữa IE đánh đồng tác dụng của đoạn code xử lý chung "background" với các đoạn code xử lý riêng từng thuộc tính như "background-image", "background-color", "background-positon",... còn FF, nếu không set đến các thuộc tính này, coi như là chưa được thiết lập, và đoạn code sau sẽ phủ lấp tác dụng của code trước.

Và vì nguyên nhân là như thế, cho nên đoạn code đấy phải được sửa thành như thế này:

Code:

#blog_masshead .menu.mr a {background-image: url(http://files.myopera.com/...menu-2.png);} #blog_masshead .menu .rc_w {width:5px;height:27px; background-image: url(http://files.myopera.com/...menu-1.png) no-repeat;} #blog_masshead .menu .rc_e {width:5px;height:27px; background-image: url(http://files.myopera.com/...menu-1.png) no-repeat right top;} #blog_masshead .menu.ml a {background-image:url(http://files.myopera.com/...menu-1.png) no-repeat;}

Thay vì sử dụng thuộc tính background thì thay bằng background-image, vấn đề sẽ được giải quyết. Và thêm nữa, thuộc tính float:left; trong đoạn code gốc sẽ bị lọc khi đưa vào code CSS cho nên tôi bỏ đi, vì đưa vào vô ích .

Nói về mấy đoạn code xử lý "black menu" này, không phải là tôi ko từng nghĩ đến, và trước đây bạn songoku99 cũng từng hỏi tôi vì sao ko thay luôn cả cái phần này cho hợp với theme. Thật ra mà nói, ý tưởng xử lý nó thì bây giờ cũng vẫn đang có, nhưng code để xử lý nó trọn vẹn theo ý thích ko phải chỉ có 1,2 dòng. Vừa rồi khi nảy ý định sửa lại cái Q.Menu, thêm vào một số code CSS mới, ngay lập tức đã nhận được thông báo "Code CSS bạn sử dụng quá dài"... Vì thế đành phải thanh lọc bớt đi một số lượng code khá lớn. Có thể nói bây giờ khó có thể sử dụng thêm những đoạn code CSS dài nữa.

Nghĩ cũng buồn cười, 360plus giới hạn rất là củ chuối, cái cần giới hạn như phần nickname thì ko giới hạn, để cho nhiều blogger lấy cái nick dài loằng ngoằng cả 2,3 dòng. Nick name vốn ra đời là nhằm mục đích dễ gọi, dễ nhớ, và thay cho cái họ tên dài dòng bình thường, vậy thì "cái thứ" dài 2,3 dòng với ít nhất 40-50 kí tự trở lên có nên gọi là nick name hay không? Rồi thì cái blast, nội dung cũng không được quá 70 kí tự... Giờ thì đến cái file CSS, giới hạn code đã đành rồi, nếu giới hạn luôn cả dung lượng file chưa đến 30KB như thế thì liệu blogger có thể tùy biến cái blog của mình đc bao nhiêu % theo ý muốn?

-- Đoạn code sửa lỗi vốn định comment riêng cho bạn kia luôn nhưng mà thấy lâu lâu ko viết blog, nên sẵn tiện lấy làm đề tài luôn . Mà nhìn thấy bạn này add Friend mình, thấy lạ vì tại sao chả có ấn tượng gì, về lục lại cái list "ai kết mình" mới ngớ ra vì bạn ấy add mình lâu lắm rồi, nằm ở trang 4 của danh sách, từ trước cả khi mình quen với bác Vũ.Nguyễn và mấy người nữa trong nhóm... Có lẽ tại vì bạn này không comment hay nhắn tin bao giờ cho mình thành ra quên bẵng đi . Quả là thất lễ !