Tìm kiếm
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics
A8 Family
Đoàn kết
Thiết kế blog Yahoo!360 Plus theo ý mình 43
Vui vẻ
Thiết kế blog Yahoo!360 Plus theo ý mình IMG0662A_01
Duyên dáng
Thiết kế blog Yahoo!360 Plus theo ý mình 50-1
Đẹp trai
Thiết kế blog Yahoo!360 Plus theo ý mình 002-1
Ăn chơi
Thiết kế blog Yahoo!360 Plus theo ý mình 7-2
Hồn nhiên
Thiết kế blog Yahoo!360 Plus theo ý mình Copy2ofCopyofDSC04348
Và ....
Thiết kế blog Yahoo!360 Plus theo ý mình 29032009089
Thiết kế blog Yahoo!360 Plus theo ý mình 29032009090
Thiết kế blog Yahoo!360 Plus theo ý mình 29032009095
Thiết kế blog Yahoo!360 Plus theo ý mình A
Thiết kế blog Yahoo!360 Plus theo ý mình Copy2ofCopyofDSC04348
Thiết kế blog Yahoo!360 Plus theo ý mình Copy2ofDSC04352
Thiết kế blog Yahoo!360 Plus theo ý mình Copy3ofDSC04351
Thiết kế blog Yahoo!360 Plus theo ý mình 28e8b48a-453b-4e09-9fee-07c94ca1549
Thiết kế blog Yahoo!360 Plus theo ý mình 7-2
Thiết kế blog Yahoo!360 Plus theo ý mình PICT0008
Thiết kế blog Yahoo!360 Plus theo ý mình H001
Thiết kế blog Yahoo!360 Plus theo ý mình B78d7c10-8f60-44db-a1e9-9235fddcd4c
Thiết kế blog Yahoo!360 Plus theo ý mình 50-1
Thiết kế blog Yahoo!360 Plus theo ý mình 002-1
Thiết kế blog Yahoo!360 Plus theo ý mình PICT0009-1
Thiết kế blog Yahoo!360 Plus theo ý mình Fxv0otV
Thiết kế blog Yahoo!360 Plus theo ý mình 64n34
Thiết kế blog Yahoo!360 Plus theo ý mình Ccef2884-f258-4732-9a53-52b4e336383

Thiết kế blog Yahoo!360 Plus theo ý mình Cuoinay
Thiết kế blog Yahoo!360 Plus theo ý mình B5bce6fb-18a3-4984-b96f-3f1c22e1339
Thiết kế blog Yahoo!360 Plus theo ý mình 000
Thiết kế blog Yahoo!360 Plus theo ý mình IMG0657A
Thiết kế blog Yahoo!360 Plus theo ý mình 43
Thiết kế blog Yahoo!360 Plus theo ý mình SDC10078

Thiết kế blog Yahoo!360 Plus theo ý mình

Go down

Thiết kế blog Yahoo!360 Plus theo ý mình Empty Thiết kế blog Yahoo!360 Plus theo ý mình

Bài gửi by meocon on Fri Jun 05, 2009 3:09 am

Mình đang thử nghiệm nó dần dần, hoá ra CSS cái này hơi khác bên blog kia tẹo, chỉ hy vọng trong quá trình thử không bị xoá cả blog đi. Bạn nào biết nhớ bổ sung thêm luôn xuống dưới nhé. Những thiết kế cơ bản sẵn có của Yahoo thì đề nghị bạn tự tìm tòi lấy nhé. Mình chỉ cung cấp những nội dung mà bạn phải thêm vào, chứ Yahoo không có sẵn:

1. Thay đổi con trỏ trên blog theo ý mình:

Bố trí => Theme => Chế độ tự chỉnh sửa => CSS

Điền vào ô trống của CSS nội dung sau:

body{cursor: xxx;}
a:hover{cursor:xxx;}

Trong đó xxx là tuỳ chọn cho con trỏ trên blog bạn, body là lệnh cho con trỏ sử dụng trên toàn blog, a:hover là lệnh cho con trỏ hiển thị khi đặt lên một links liên kết, bạn điền từ nào vào xxx thì sẽ hiện lên hình ngay sau đây:

pointer crosshair n-resize w-resize ne-resize nw-resize move wait help

Hoặc bạn có thể sử dụng 1 ảnh động, 1 icons xinh đẹp để thay cho con trỏ trên blog bằng cách, copy đường links của ảnh đó điền vào chỗ xxx dưới đây:

body{cursor:url(xxx)}
a:hover {cursor:url(xxx)}


2. Ảnh nền theme của phần blog: Nếu để ảnh tràn toàn blog nên đặt là fixed như sau:

BODY.blog_my {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;}

Hãy điền links của ảnh nền bạn thích vào đoạn http://www.xxx.jpg nhé. Tôi đang dùng ảnh nước hoa Kenzo.

3. Ảnh nền Bảng tin nhắn, có thể đặt ảnh khác, ví dụ tôi dùng ảnh xe máy.

BODY.guestbook {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;}

4. Ảnh nền của bộ đếm Statistic cũng có thể thay bằng ảnh động, bạn nhớ kích thước của ảnh ko nên lớn quá 30 pixels:

#statistic .bd {background:#FFFFFF url(http://www.xxxxx.gif);}

5. Ảnh nền của phần comments cũng vậy, nhưng nên dùng ảnh màu thật nhạt, ảnh tĩnh đuôi jpg nếu ko sẽ che hết chữ:

#comment_new .bd {background:#FFFFFF url(http://www.xxxxx.gif);}

6.Ảnh nền của phần Thư mục (tag) thì có thể dùng ảnh dài, bởi tag càng nhiều nó sẽ càng dài ra:

#folder .bd {background:#FFFFFF url(http://www.xxxxx.gif);}

7. Ảnh nền của phần lịch thì cố định kích cỡ:

#calendar .bd {background:#FFFFFF url(http://www.xxxxx.gif);}

8. Ảnh nền của trang Profiles cũng có thể thay, giúp blog của bạn có tới mấy themes khác nhau:

BODY.profile_view {BACKGROUND:url (http://www.xxxxx.jpg) #000000 fixed;}

9. Ảnh nền trong mỗi Entry: Bạn điền links ảnh vào trong đoạn xxx nhé!

.mod-alist-full.mail-bd{background:#FFFFFF url(http://www.xxxxx.jpg)}

10. Ảnh nền của tiêu đề mỗi Entry: Có lẽ chọn 1 ảnh nhạt, hoa trái hay họa tiết trừu tượng tốt hơn là ảnh người ngợm!

.mod-alist-full.mail-hd{background:#FFFFFF url(http:xxx.jpg)}



Ứng dụng khác:

1. Đưa ảnh động lên trên banner đầu blog:

Bố trí => đừng chọn gì mà nhìn sang tay phải, bấm vào "Sửa" => Chọn ảnh từ máy tính => Upload ảnh động bạn muốn sử dụng từ máy tính của bạn lên. Tốt nhất ảnh có kích thước phù hợp với đầu banner của blog, có bề rộng 770-800 pixels => Chọn "Hình nền trống" => Chọn "Không có khung" => OK

2. Nếu bạn không muốn đầu đề dòng chữ tên blog xuất hiện trên banner này, bạn có thể chọn:

Bố trí => Sửa => Tựa

Trong phần Chữ Màu và Link Màu, bạn đều điền vào chữ #FFFFFF (là ký hiệu của màu trong) hoặc bấm vào bảng màu chọn màu trắng.

3. Hướng dẫn sử dụng các module tự tạo:

Bố Trí => Thêm Module => Xong. Sau khi đã tạo được một module trống trên blog, bạn thêm nội dung cho bằng cách bấm Bố Trí => bấm vào chữ Sửa trên Module đó. Bạn cho thêm các đoạn mã sau vào mỗi nội dung module nhé.

Sau đây là một số Module tôi đang gắn thêm lên trên blog tôi:

4. Thời tiết Việt Nam: Vì không có bản đồ mây của riêng VN nên tôi dùng tạm Đông Á:

http://weather.news.yam.com/satellite/s1p3.gif" width=135>

5. Số người đang online trong blog bạn:

Vào http://www.usersonline.com/ đăng ký links của blog bạn rồi copy đoạn html của nó gắn vào module là xong.

6. Quét virus trực tuyến:

Thiết kế blog Yahoo!360 Plus theo ý mình Onlinescanner

7. Số lượt người xem blog:

Nó ít hơn pageviews thông thường rất nhiều vì chỉ đếm người thôi. Vào trang http://www.petitcounter.net/ để lấy code nhé! Bạn thích dãy số màu nào thì bấm vào dãy số đó, nó sẽ hiện ra 1 dòng để điền links blog của bạn vào rồi bấm OK.

8. Bể cá cảnh:

Copy vào module tự chọn dòng chữ sau:

Thiết kế blog Yahoo!360 Plus theo ý mình 121

9. Đặt blog Trang Hạ thành cổng tiện dụng trên blog bạn: Cảm ơn tất cả các bạn sẽ sử dụng module này nhé! Từ đây bạn có thể nhanh chóng vào thẳng blog tôi mà không cần phải thông qua trang Friends list hay bất kỳ Favourite nào.

Bạn copy rồi paste vào Module mới nội dung sau:

Thiết kế blog Yahoo!360 Plus theo ý mình TrangHa

Rất tiếc hiện Java Script chưa sử dụng được trên các module, nếu được hẳn sẽ tìm kiếm độ vài chục ứng dụng nữa cho cả nhà.
meocon
meocon
Admin


Về Đầu Trang Go down

Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết