Tìm hiểu CSS 360 Plus của yahoo phần 4

Ebook CSS 360plus ver 1.0#comment_new rc_bd .rc_bc .bd ul li {background:url(Link ảnh) no-repeat center left;border-top:1px dotted #D1CFCF;} /* Modun bạn bè*/ #friendlist_module rc_bd .rc_bc .bd ul li {background:url(Link ảnh)
Nội dung trích xuất từ tài liệu:
Tìm hiểu CSS 360 Plus của yahoo phần 4 Ebook CSS 360plus ver 1.0#comment_new rc_bd .rc_bc .bd ul li {background:url(Link ảnh) no-repeat center left;border-top:1px dotted#D1CFCF;}/* Modun bạn bè*/#friendlist_module rc_bd .rc_bc .bd ul li {background:url(Link ảnh) no-repeat center left;border-top:1px dotted#D1CFCF;}/*Bài viết mới nhất*/#article_new rc_bd .rc_bc .bd ul li {background:url(Link ảnh) no-repeat center left;border-top:1px dotted#D1CFCF;}/* Thống kê */#statistic rc_bd .rc_bc .bd ul li {background:url(Link ảnh) no-repeat center left;}/*Blog về tôi*/#mod-tagged-frd-article .rc_bd .rc_bc .bd ul li {background:url(Link ảnh) no-repeat center left;border-top:1pxdotted #D1CFCF;}ảnh trên biểu diễn minh họa cho .mod-relatives, code là :.mod-relatives .bd ul li {background:transparent url(Link ảnh) no-repeat center left;border-top:1px dotted#D1CFCF;} người viết Changtraiiudoi@ymail.com27. Hiệu ứng thu nhỏ, tự động kéo dài modun tự tạo khi để chuôt vàoCode này sẽ giúp bạn thu ngắn modun tự tạo chỉ để nó hiện ra 1 chiều dài nhất định, khi di chuột vào modun đó,nó sẽ tự động kéo dài modun đó ra. Chúng ta có thể thấy ngay một ứng dụng rất hay, đó là tạo 1 list nhạc rất dàiở modun tự tạo, nhưng chúng ta chỉ để nó hiện ra 1 chiều dài nhất định, khi người nghe để chuột vào modun đó,nó sẽ tự động kép dài và hiện thị đầy đủ nội modun đó.Code css: hatim87uyennhi@yahoo.com & changtraiiudoi@ymail.com Ebook CSS 360plus ver 1.0#user_mod_1000X .rc_bd .rc_bc .bd .user-mod-holder{height:200px;}#user_mod_1000X .rc_bd .rc_bc .bd .user-mod-holder:hover{height:auto;}X là giá trị của modun tự tạo từ 1 đến 10.200px là giá trị bạn muốn nó hiện thị, chúng ta có thể tùy ý thay đổi. người viết Changtraiiudoi@ymail.comCode giúp thu nhỏ chữ và ảnh. Khi di chuột đến, chữ và ảnh sẽ tự động chở về đúng kích cỡ.Để làm được như vậy, bước đầu tiên, ta copy code này, dán vào cssCode này dán vào css:#blog_quote{font-size:5px;font-style:italic;color:#FF99FF;background:#000066;}#blog_quote:hover {font-size:12px;font-weight:bold;font-style:normal;color:#CC99AA;background:transparent;}#blog_img img{height:100px;}#blog_img img:hover {height:100%;}Sau đấy nếu muốn sử dụng thì trong phần bài viết thêm vào thẻ div để sử dụng lại Style ID này (code bên chếđộ HTML):Code:Nội dung đoạn text muốn sử dụng hiệu ứngĐể sử dụng hiệu ứng này cho bức ảnh ta dùng code: hatim87uyennhi@yahoo.com & changtraiiudoi@ymail.com Ebook CSS 360plus ver 1.0 người viết NoA28. Hiệu ứng tạo nút ấn trong modunHiệu ứng khi tạo nút khi ấn vào đường link trong modun/*Modun bình luận mới nhất*/#comment_new .rc_bd .rc_bc .hd{height:auto;}#comment_new .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh - Ảnh sẽ tự động hiện khi để chuột vào linktrong modun);}/*Modun bạn bè*/#friendlist_module .rc_bd .rc_bc .hd{height:auto;}#friendlist_module .rc_bd .rc_bc .bd ul li:hover{background:transparent url(Link ảnh - Ảnh sẽ tự động hiện khi đểchuột vào link trong modun);} hatim87uyennhi@yahoo.com & changtraiiudoi@ymail.com Ebook CSS 360plus ver 1.0/*Thư mục*/#folder .rc_bd .rc_bc .hd{height:auto;}#folder .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh - Ảnh sẽ tự động hiện khi để chuột vào link trongmodun );}/*Bài viết mới nhất*/#article_new .rc_bd .rc_bc .hd{height:auto;}#article_new .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh - Ảnh sẽ tự động hiện khi để chuột vào linktrong modun);}/*Ảnh biểu diễn cho .mod-relatives, và đây là code*/.mod-relatives .rc_bd .rc_bc .hd{height:auto;}.mod-relatives .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh - Ảnh sẽ tự động hiện khi để chuột vào linktrong modun);} người viết changtraiiudoi@ymail.com29. Làm trái tim,mưa,tuyết rơi,bướm bay...khi di chuột vào các link Bloga:hover {text-decoration:none;color:#EE4949;text-decoration:none;background-image:url(link ảnh);} người viết co0l.l0vesblog30. Code sửa lỗi phông chữ, blog bị đen khi làm trong suốt.Hôm nay rất là iu đời nên sẽ post code sửa lỗi phông chữ ( - tức là nét chữ ko được đẹp và mịn nhưng blog360 yahoo cũ, nét chữ có viền đen bao quan khi viết hoa, trông lem nhem...) và l ỗi k ...