Busy tuần vừa rùi quá nên chưa viết được nhiều, nhưng mỗi ngày mình sẽ update. Mọi người ai quan tâm hoặc biết nhiều về CSS thì chia sẻ hen. Cách tất đơn giản, chỉ cần copy vào trong phần Cấu hình Profile la okie. Mình có diễn giải để có thể change kiểu khác. Lưu ý, phần mã màu thì có rất nhiều, mình chưa tìm được hình minh hoạ. Nhưng bạn nào có blog yahoo360 thì vô phần chỉnh sửa trong đó xem cũng được. Ko thì mở photoshop hay corel lên là có ngay thôi.
Và để mở màn là mình sẽ đặt tên cho dễ nhớ:
*.Con trỏ chuột đáng iu *_* và hình nền là của bạn:
body {
background: #222222; ------> hình phía sau hình nền
background-image:url(http://www.ff-xiii.org/versusxiii/imgs/screenshots/full/tgs_final_fantasy_versus_xiii_1.jpg) ; ----> đây là phần hình nền, bạn chỉ cần thấy bất cứ hình nền nào đẹp thì click chuột phải xem link, copy và past vô đây là okie. Lưu ý là hình size lớn nhé, 1280x800 thì ổn đây. Hoặc ai có hình của riêng mình thì up lên một trang nào đó rồi lấy link cũng okie
background-attachment:fixed;
cursor:url('http://i33.photobucket.com/albums/d94/Miriel2/bflycursor1.png'), pointer; ----> đây là con trỏ chuột đây, bạn chỉ cần copy đoạn mã này thì sẽ có ngay con trỏ chuột khi rà rà có hình con bướng ngay. Dĩ nhiên bạn cũng có thể thay đổi bằng cách thay link của con trỏ chuột mà bạn thích vào như ở hình nền, nhưng lưu ý là kích thước đấy nhé.Mà có vấn đề là con trỏ này chỉ xem được trên trình duyệt firefox thui, còn IE thì hem hiểu sao hem thấy.
/* scrollbar colours */ --------> toàn bộ đây là code để đổi màu scrollbar theo ý mình, các bạn tham khảo nhé, có thể thay màu theo ý mình bằng cách xem code màu như mình hướng dẫn ở trên hen
scrollbar-face-color: #AE8687;
scrollbar-highlight-color: #404040;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #616161;
scrollbar-arrow-color: #A1A1A1;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #000000;
padding-top: 0px; /* distance between top of page and content */
padding-bottom: 20px; /* distance between bottom of page and content */
}
/* Content Box */ ------> đoạn mã này giúp phần màu nền sẽ trở nên trong suốt đó.
td.content {
vertical-align: top;
text-align: left;
padding: 0px;
background-color: #FFFFFF;
padding: 10px 0px 10px 0px; background:none;
}
/* Profile box */ -----> code này giúp bạn có một lớp mờ hình trên hình nên cho dễ đọc chữ viết đó. Có thể thay màu lớp nền này ở phần backgoround-color
td.profile {
background-image:none;
background-color:#222222;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}
Tới đây chắc tạm ổn rùi, có thắc mắc gì comment mình trả lời hen. Update sau .....
Nào còn chờ gì nữa mà chưa làm đi ^_^