Làm chủ Yahoo Mash (Tiếp theo)

TPO - Module thể hiện phong cách và mang thông tin cá nhân của bạn là “About Me”, tuy nhiên, thiết kế mặc định của Yahoo Mash lại không đẹp. Bạn nên thay đổi module này theo phong cách riêng để nó ấn tượng hơn.

 

51- Đặt giao diện cá nhân lên module “About Me”

Trước tiên, bạn truy cập vào địa chỉ http://tinyurl.com/2jo68w rồi mở thẻ “General Modules”. Trong đây, ở khung bên trái, bạn sẽ thấy phần thiết kế nội dung cho module “About Me”.

Ở dòng “Module background image”, bạn chọn hình làm nền cho module. Bạn có thể chọn bất kì hình nào trên mạng để đặt làm hình nền cho module.

Một đặc điểm hay của việc thiết kế này là bạn có thể tự do di chuyển module đến bất kì nơi đâu bạn thích, bằng cách chọn trong mục “Module background position”. Nó sẽ được đưa đến những nơi bạn muốn. Nếu không muốn thay đổi vị trí của module, bạn để nguyên phần này, không chọn gì cả.

Lẽ dĩ nhiên, với một module đặc trưng cho cá nhân, bạn cần đặt font chữ đặc biệt cho nội dung bên trong. Vì thế, trong mục “Module text font”, hãy chọn cho mình một loại font chữ thích hợp (chẳng hạn Arial).

Đồng thời, trong mục “Module text size”, bạn chọn kích thước cho font chữ. Bạn nên chọn font chữ lớn một chút để nó trông ấn tượng hơn (chẳng hạn 16). Cuối cùng, bạn chọn màu cho chữ bằng cách điền mã màu vào khung cho sẵn bên cạnh dòng “Module text colour”.

Muốn biết mã màu, bạn nhấn nút “Color”, chọn màu mình thích rồi copy lấy mã màu trong khung “#” (chẳng hạn FF8800 ).

Nếu không chọn hình nền cho module, bạn có thể đặt màu nền cho nó bằng cách không điền link hình ảnh trong mục “Module background image”, đồng thời trong mục “Module background color”, bạn chọn mã màu nền cho module (chẳng hạn 2E00FF).

Trong trường hợp bạn vừa chọn hình nền, vừa chọn màu nền, thì khi blog vừa mới load, màu nền sẽ hiện ra trước, sau đó, hình nền sẽ xuất hiện và che mất màu nền. Đây cũng có thể xem là một hiệu ứng hay cho blog khi vừa bắt đầu load nội dung về trình duyệt web.

Nếu hình nền của bạn nhỏ, và phòng ngừa trường hợp Yahoo Mash tự động phóng to ra, dễ gây ra hiện tượng bể hạt, trong dòng “Repeat the background”, bạn nên chọn là Yes để ảnh được tự động lặp lại, bổ sung khắp không gian của khung module.

Bây giờ, bạn bấm “Click here to View” rồi đem đoạn mã đưa vào module “Style your profile”, sau đó nhấn Apply để đưa hiệu ứng hình ảnh vào blog của bạn.

 Nếu muốn font chữ khác nữa, trong mã vừa lấy, bạn dò đến dòng chữ “font-family:....;” sau đó đổi tên font thành tên font bạn muốn. Chẳng hạn, font của tôi là “font-family:sans-serif;”, tôi sẽ đổi chữ “sans-serif” thành chữ “Algerian”, như vậy, font mới của tôi sẽ là “font-family:Algerian;”. Tức là mã giao diện sẽ chuyển đổi như sau

/* Tu dong tao CSS code tai http://mashbabe.com */

/* CSS Code Generator at http://mashbabe.com */

body {background-image: url('http://www.clintonio.com/profile/nguyentuvuong/Yahoo/sig.jpg');background-repeat:repeat;background-position: top left;font-size: px;font-family: arial;background-color:#0000FF;color:#ff0000;}

.mod {background-image:url('');border-color:#ff0000;border-width:px;border-style:ridge;}

.mod .x1 {background:#FFFF00;opacity:0.50;filter:alpha(opacity=50);display: block;}

.mod-content {color:#FF0000;font-size: px;}

#ypf-profile {background-color:#00FF08;background-image:url('http://img167.imageshack.us/img167/688/timkiemek9.jpg'); background-repeat:repeat;background-position:top left;font-family:sans-serif; font-size:16px;color:#FF8800;} thành...

/* Tu dong tao CSS code tai http://mashbabe.com */

/* CSS Code Generator at http://mashbabe.com */

body {background-image: url('http://www.clintonio.com/profile/nguyentuvuong/Yahoo/sig.jpg');background-repeat:repeat;background-position: top left;font-size: px;font-family: arial;background-color:#0000FF;color:#ff0000;}

.mod {background-image:url('');border-color:#ff0000;border-width:px;border-style:ridge;}

.mod .x1 {background:#FFFF00;opacity:0.50;filter:alpha(opacity=50);display: block;}

.mod-content {color:#FF0000;font-size: px;}

#ypf-profile {background-color:#00FF08;background-image:url('http://img167.imageshack.us/img167/688/timkiemek9.jpg'); background-repeat:repeat;background-position:top left;font-family:algerian; font-size:16px;color:#FF8800;}

52 - Sử dụng module “About Me”

 Module này giúp bạn điền những thông tin của mình vào trong đó. Trước tiên, các câu “mào đầu” trong module này là tiếng Anh, bạn cần chuyển nó sang dạng tiếng Việt.

Muốn vậy, bạn cuộn chuột xuống dưới cùng của blog, tại đây, bạn sẽ thấy dòng chữ “Tiếng Việt”, hãy nhấn chuột lên nó để chuyển Yahoo Mash sang tiếng Việt.

 Nếu muốn thêm những câu nói khác, bạn nhấn nút “Thêm” và điền nội dung vào. Khi muốn điền thêm thông tin vào một câu “mào đầu” nào đó, chẳng hạn “Những từ ngữ có thể mô tả mình là” và bạn muốn thêm ý riêng của mình- lúc đó, bạn chỉ việc nhấn chuột kép lên nó rồi điền thêm nội dung vào khung trống là được.

Sau khi điền xong, bạn nhấn “Lưu” để lưu lại nội dung mới điền. Ngoài ra, nếu trong khung nào có chữ “Dùng HTML được”, có nghĩa là, bạn có thể đưa mã của các đoạn nhạc, video, game, hình ảnh vào trong đó.

Còn tiếp

Cùng chuyên mục

Xem thêm Công nghệ

Cùng chủ đề

Mới - Nóng

Khám phá