Dành cho người yêu Blog "Yahoo 360° và Customize your theme" “CÁ TÍNH RẠNG NGỜI MỖI SẮC MÀU BLOG” Kỷ niệm sinh nhật lần thứ nhất (theo cách nói người Việt thì “thôi nôi” đúng hơn) của mình hôm 16-6, Yahoo 360° Teams đã bổ sung nhiều tính năng độc đáo mà được quan tâm hơn cả là khả năng tự thiết kế giao diện cho riêng mình (Customize your theme). Yahoo đã chạy một câu tít thật “khiêu khích”: Show Your inner Piccaso. Thực ra, đây là động thái “không sớm thì muộn” của Yahoo 360° Teams bởi lẽ, với hàng vạn thành viên thì việc “mời sẵn” vài ba chục theme là rất dễ…đụng hàng và không thể đáp ứng được nhu cầu “là tôi – riêng tôi –tự tôi”. Có thể bạn sẽ phản ứng rằng “Cần gì màu mè hình thức, chủ yếu là nội dung của blog chứ?” Ồ tôi không tin là như thế, bạn hãy thử ghé qua trang 360° của thành viên này xem sao. Để tôi kể bạn nghe cảm giác đầu tiên khi tình cờ bắt gặp trang đó. “Ấn tượng” ; “Sang trọng” ; “Cá tính”: Đấy là 3 tính từ mà tôi có thể thốt ra khi chạm gặp giao diện trang này. Chủ nhân của nó đã khá tinh tế khi “pha màu” hài hòa như thể luồng sáng màu hổ phách đi tự nhiên từ khu vực Avatar đổ ra xung quanh và từ nàng mỹ nhân chân gác vắt vẻo phía trên. Của đáng tội, đọc một hồi Profile của người đó tôi mới biết họ là…Web Designer bạn ạ, chả trách! Thế nhưng, tôi tin bạn có thể làm được hơn thế! Trước tiên, tôi hiểu bạn rất háo hức khi bạn bè tới tấp mời bạn làm “giám khảo” cho theme của họ và bạn cũng đang rất muốn “thể hiện mình”, phải không? Có lẽ, việc quá háo hức như thế đã khiến một vài bạn trở nên vội vàng trong việc tìm background và phối màu. Kết quả dẫn đến là có khá nhiều theme nhìn khá “chói”; “phản cảm” và cả…”phản chủ”! Thế nên, thay vì theme (tượng trưng cho hình thức) đề tôn cái nội dung của blog (tức là đề tôn cá tính của bạn) thì nó lại khiến bạn bị người ta cười thầm là “vụng về” và “không có khiếu thẩm mỹ”. Liệu sự thể có nặng nề như lời phàn nàn đó không? Tôi cho rằng, bạn hoàn toàn có thể làm hài lòng những đôi mắt “kỹ tính” như thế nếu bạn dành chút thời gian nghĩ về những điều sau: - Bạn có tâm trạng thường trực ra sao? Nói cách khác, tâm trạng bạn nhìn chung thường là vui nhiều hơn hay buồn nhiều hơn? - Màu yêu thích của bạn là màu gì? Và bạn có biết gam màu nóng và gam màu lạnh phục vụ cho những cảm xúc khác nhau không? - Nội dung blog của bạn thiên về gì? Có đi đôi với tâm trạng của bạn không? Và bạn thử hình dung blog của bạn “khoác” một chiếc theme như thế nào thì…đỏm (hợp) nhất? Tôi tin bạn đã đọc kỹ 3 điều trên, và bạn đã có một chút hình dung về mối quan hệ giữa theme và blog (xin tránh dùng từ blog để chỉ toàn thể trang 360° dù cho nó là nội dung chính yếu). Cơ bản, bạn cũng bắt đầu “pha” được một màu chủ đạo cho trang 360° của mình trong tưởng tượng. Bây giờ, chúng ta cần gì để trở thành một Piccaso thứ thiệt? Tôi lại mời bạn trả lời tiếp một số câu hỏi gợi ý như sau: - Bạn cần một cái nền web (background) như thế nào? Sẽ là một ca sỹ, diễn viên, cầu thủ yêu thích hay là hình ảnh của chính bạn tràn ngập “mọi góc độ”; hoặc đơn giản chỉ “treo” ở đỉnh trang như của anh chàng chúng ta xem hồi nãy? Nếu không thích“treo” trên đỉnh nữa mà bạn muốn để “chàng, nàng” của bạn nằm ưỡn ẹo phía dưới đáy web, để khi nào kéo thanh trượt xuống lại phải…xuýt xoa, liệu có được chăng? - Bạn có khả năng xử lý ảnh bằng một chương trình đồ họa như Photoshop không? - Bạn đã có sẵn một cái hình nào đó làm background chưa, hay là vẫn còn chạy đi kiếm? - Bạn đã có sẵn chương trình lấy màu chưa? - Bạn đã cài chương trình resize ảnh nào chưa? Theo cảm quan của riêng tôi, có một lượng khá lớn thành viên chuộng “treo” nền phía trên và phía dưới trang web, bởi đó là hai khu vực dễ nhận thấy nhất mà không bị các “modules” (các bảng thành phần của 360°) che đi mất. Thêm nữa, tôi rất có cảm tình với những theme “treo” kiểu này. Vì sao? Chính tại đây cá tính mới được khẳng định. Bạn thử vào lại trang chọn theme của 360° đi nào, sẽ thấy hơn 2/3 theme của họ là dạng “treo” đỉnh và đáy web đấy nhé! Nhưng cái khó của dạng background này là hai hình làm top và bottom không phải lúc nào cũng sẵn có, nó buộc bạn phải tự design lấy nếu không sẽ khá thất vọng vì quanh quanh trên web chẳng có cái hình nào vừa ý để “copy” hết (lại copy, chả thích tẹo nào!). Cho tôi nhắc bạn một điều về yêu cầu hình ảnh của yahoo nhé: Họ bảo là JPEG only, tức là chỉ chấp nhận file ảnh với đuôi “*.jpeg” hoặc “*.jpg” (Nếu bạn up file “*.bmp”, “*.png” hoặc “*.gif” thì sẽ chẳng bao giờ thấy nó được treo lên đâu!) Và dung lượng tối đa của file ảnh up lên chỉ được giới hạn ≤ 250kb (chất lượng sẽ khá tệ nếu là hình background toàn bộ trang). Họ chẳng nói gì về cái dimensions (kích cỡ) của cái hình cả. Do đó, nhiều bạn dở khóc dở cười không hiểu sao mình đem treo hình lên thì nó bị hở đầu hở đuôi. Sao nó không tự điều chỉnh cho khớp nhỉ? Là họ đánh đố mình đấy bạn ạ, nhưng nếu bạn tinh ý một chút, sẽ nhận ra màn hình bạn đang dùng là ở chế độ 1024x786 pixels (một số màn hình cũ 14, 15 inches có thể sẽ là 800x600 pixels). Do vậy, cái hình đem làm nền trang web dứt khoát phải là ở kích cỡ đó. Như bạn thấy ở trang 360° của tôi, hình mặt trăng có khổ 1024x500pixels, và hình hoa cúc có khổ 1024x700pixels. Tại sao có sự xê dịch con số phía sau? Đó là bởi tôi đã giới hạn lại chiều cao (height) của cái ảnh, vì tôi muốn dành phần giữa trang web để phối màu đen ưa thích. Nếu bạn nhạy cảm sẽ nhận ra rằng toàn cảnh trang 360° là một đêm mưa trăng rất buồn và lạnh, do vậy khúc giữa tôi không thể phối màu khác đi được. Vậy làm sao cái ảnh thiết kế của bạn có được kích cỡ này? Nếu bạn là người “vọc” được photoshop thì rất đơn giản. Còn nếu không? Bạn cần có một chú nhóc tí hon hỗ trợ đó là Powertoys Resize Picture(*) của Microsoft. Tôi rất khuyến khích bạn sử dụng cậu bé này, bởi cậu tuy nhỏ nhưng lại rất hữu ích. Sau khi cài đặt xong, bạn chỉ việc trỏ chuột phải vào cái hình bạn muốn resize (xin bạn nhớ là cái hình gốc phải có kích cỡ tương đối lớn, chứ nếu nó nhỏ và độ phân giải thấp quá thì khi tăng khổ ảnh chỉ làm thêm… khổ chủ!) và chọn ngay vào cái box large (1024x780). Lúc bấy giờ bạn đã có đủ “vật liệu” để làm nền nhà rồi đó. Đã bắt tay vào được chưa? Tôi e rằng vẫn chưa chắc chắn lắm, bởi lẽ nếu đơn giản bạn chỉ muốn treo hình lên để trang trí thì không cần bàn thêm, nhưng nếu bạn muốn cái hình nó phải như hòa vào màu nền web thì làm sao? Chà gay nhỉ! Tôi phải thưa ngay với bạn rằng, một trong những điểm để phân biệt sự tinh tế của người thiết kế là nằm ở chỗ hài hòa này đấy. Và nói vậy thì những theme designer của yahoo há chẳng phải là tinh tế nhất sao? Hãy xem một mẫu về sự hòa quyện: Rất tiếc là nếu chỉ dùng những chương trình thông thường như paint thì không thể tạo được sự hòa quyện như thế bạn ạ. Phải dùng đến photoshop để thao tác với chức năng “hòa màu vùng lân cận” thì mới ra như thế. Nhưng nó khá phức tạp và mất thời gian, do vậy bạn có thể dùng mẹo như sau: Hãy kiếm một hình nào đó mà ở dưới phần đáy hình hoặc đỉnh hình là một vùng thẳng màu đơn (đen, trắng, xanh, vàng, đỏ v.v.) trùng với màu bạn định chọn làm nền 360°. Chính vùng màu đơn này sẽ giúp bạn “ăn gian” rất khéo. Tôi để ý thấy khá nhiều bạn chọn hình có nền là màu đen, do vậy khi “treo” hình lên người ta cứ ngỡ toàn nền là một hình chứ không phải là phối với màu. Nếu không thể kiếm ra cái hình như thế thì sao? Lúc này đây bạn cần đến “thằng bé chỉ màu” Anry Color Picker để lấy được màu vùng giáp biên của bức ảnh, và như thế bắt buộc bạn phải chọn màu giáp biên đó làm màu nền 360° (tôi xin nhắc lại phải cầu kỳ thế này vì bạn muốn đạt đến sự hài hòa của nền web). Cách thức lấy màu ra sao? Sau khi bạn up cái hình lên để “treo” đỉnh và (hoặc) đáy rồi, hãy mới mở “thằng bé chỉ màu” ra, lúc này nếu bạn di chuyển con chuột đến vùng có màu trên màn hình, lập tức ô màu của thằng bé cũng…sáng theo y chang là cái màu đó. Nhưng làm sao biết được mã HTML của màu?