Tùy biến module Guestbook cho Mash

Yahoo!mash

Một trong những Module thông dụng nhất trong Yahoo!Mash có
thể là module Guestbook. Module này cho phép bạn bè trao đổi bằng những
tin nhắn ngắn để lại trên Mash của nhau. Cũng vì thế, trang trí
guestbook được nhiều bạn quan tâm.

Để trang trí cho Guestbook, bạn thêm các đoạn code CSS bên dưới vào phần Advanced CSS trước khi chỉnh sửa theo ý mình.

 

 

 

CSS của Guestbook có 2 thành phần cần quan tâm là:

#ypf-guestbook{

code tùy biến nằm tại đây

}


và

#guestbook-entries li:hover{

code tùy biến nằm tại đây

}

Code tùy biến:

1. Để thêm ảnh nền cho Guestbook, bạn thêm bổ sung code như sau:


#ypf-guestbook{

background-image:url("http://www.helloict.com/...
.hinh.jpg
")
background-repeat:no-repeat;
background-position:top left;


}

2. Để tạo thanht trượt cho Guestbook, bạn bổ sung code như sau:

#ypf-guestbook{


height:500px;


overflow:auto;


}

Tạo thanh cuộn cho Guestbook

3. Để tạo hiệu ứng cho từng tin nhắn khi rà chuột, bạn bổ sung code như sau:



#guestbook-entries li:hover{


background-color: #FFFFCC;


}

Hiệu ứng tô sáng khi rà chuột lên guestbook

4. Các code khác:

Màu nền: background-color:#ffccff;
Màu chữ:
color:#000000;

5. Để tạo thanh trượt, hình nền, và hiệu ứng khi rà chuột:

#ypf-guestbook{


background-image:url("http://www.helloict.com/...
.hinh.jpg")
background-repeat:no-repeat;
background-position:top left;


height:500px;

overflow:auto;

}

#guestbook-entries li:hover{

background-color: #FFFFCC;

}


Các bạn cần thay đổi giá trị màu (#FFFFCC) và các link ảnh (http://www.....) cho phù hợp với mash của bạn nhé!

Các bạn có thể sử dụng công cụ tự tạo theme cho mash để lấy các giá trị màu.

{emailalert}