Grass and Cloud

Hiện nay yahoo360 sắp đóng cửa. Một số bạn đã từng sử dụng yahoo360 bắt đầu chuyển sang My Opera Blog (MYO). Tuy nhiên, thao tác chỉnh sửa giao diện trên MYO không như ở 360. Và theo nhiều bạn thì nó khó hơn. GnC có ý định xây dựng môt công cụ giúp đơn giản hóa việc tạo giao diện MYO dựa trên các thao tác mà các bạn đã làm trước đây trên yahoo360.

Công cụ sẽ được dần hoàn thiện, rất mong có những góp ý của các bạn để sớm đưa ra một phiên bản chính thức, thuận tiện cho mọi người.
Dưới đây là bản test ngày 17/06/2009:
- Chức năng:
Tạo ra nội dung CSS để nhập vào trong phần custome stylesheet của MYO (chi tiết hướng dẫn cách thức vào phần custome stylesheet xin tham khảo tại một trong các địa chỉ sau: http://my.opera.com/phamlam, http://my.opera.com/danquynh , http://my.opera.com/namkhanh). Trong đó bao gồm CSS cho 3 thành phần

• Banner: Hình nền (hoặc màu nền) trên cùng của blog
• Footer: Hình nền (hoặc màu nền) dưới cùng của blog
• Body: Hình nền và màu nền của phần thân blog

- Cách thức thực hiện:
Nếu blog của bạn chỉ gồm 1 màu đơn, bạn có thể nhấn vào ảnh cầu vồng rồi chọn màu ưng ý, nhấn select. Sau đó nhấn CSS Generate.

Nếu blog của bạn gồm 1 hình banner (ảnh nền trên cùng), một hình footer (ảnh nền dưới cùng), kết hợp với màu nền của blog, bạn làm theo các bước sau:

• B1 - Chuẩn bị các hình ảnh banner, footer: Upload các ảnh này lên một hosting nào đó (đề xuất sử dụng luôn Opera), lấy URL (link) của 2 ảnh đã upload.
• B2 - Đưa hình ảnh vào banner: Tại dòng Banner, copy và dán URL (link) của ảnh banner bạn đã up ở trên vào ô image URL. (Không nên chọn màu nền khi đã có hình ảnh)
• B3 - Đưa hình ảnh vào footer: Tại dòng Footer, copy và dán URL (link) của ảnh footer bạn đã up ở trên vào ô image URL. (Không nên chọn màu nền khi đã có hình ảnh)
• B4 - Chọn màu hoặc hình nền cho phần thân blog:
  • Với theme yahoo360, bạn chỉ cần chọn màu nền phù hợp với banner và footer sao cho nó tạo được hiệu ứng liền mạch cần thiết của theme.
  • Ngoài ra, bạn có thể chọn 1 hình ảnh để làm nền cho blog của mình ngoài màu nền đã chọn. Bạn có thể lặp lại hình ảnh đó theo chiều ngang hoặc dọc bằng cách đánh dấu chọn RepeatX hoặc RepeatY
• B5 - Sinh đoạn CSS cần thiết: Nhấn nút CSS Generate. Trong khung bên dưới sẽ xuất hiện đoạn CSS mà bạn cần. Copy và dán nó vào phần Custom Style Sheet trong Opera. Chọn "Use my custom style sheet together with the current blog design" ở đó rồi nhấn Save.

Chúc một ngày vui vẻ ^^ !

Banner	Image URL:		RepeatX:	RepeatY:
	Color:
Footer	Image URL:		RepeatX:	RepeatY:
	Color:
Body	Image URL:		RepeatX:	RepeatY:
	Color:

Text Config

Font	Font	Select font Arial Tahoma Verdana	Size		Font size 8 px 9 px 10 px 11 px 12 px 13 px 14 px 15 px 16 px
	Color
Link	Color
Blog title	Size	Font size 8 px 9 px 10 px 11 px 12 px 13 px 14 px 15 px 16 px 17 px 18 px 19 px 20 px 21 px 22 px 23 px 24 px 26 px 28 px 30 px 32 px 34 px 36 px	Subtitle	Size	Font size 8 px 9 px 10 px 11 px 12 px 13 px 14 px 15 px 16 px 17 px 18 px 19 px 20 px 21 px 22 px 23 px 24 px 26 px 28 px 30 px 32 px 34 px 36 px
	Color			Color
Post title	Size	Font size 8 px 9 px 10 px 11 px 12 px 13 px 14 px 15 px 16 px 17 px 18 px 19 px 20 px 21 px 22 px 23 px 24 px 26 px 28 px 30 px 32 px 34 px 36 px	Post content	Size	Font size 8 px 9 px 10 px 11 px 12 px 13 px 14 px 15 px 16 px
	Color			Color
Side header	Size	Font size 8 px 9 px 10 px 11 px 12 px 13 px 14 px 15 px 16 px 17 px 18 px 19 px 20 px 21 px 22 px 23 px 24 px	Image URL:
	Color		RepeatX:		RepeatY:

**** Cập nhật thay đổi ****
Chức năng:

• 19/06/2009: Cập nhật thêm các config cho:
  • Font toàn blog (color, font)
  • Link toàn blog (color)
  • Tiêu đề blog (color, size)
  • Tiêu đề phụ blog (color, size)
  • Tiêu đề bài viết (color, size)

******************