24 tháng 6, 2012

Yahoo 360 Plus: Hiệu ứng thu nhỏ chữ và tự động phóng to ảnh khi di chuột vào



Đôi khi bạn muốn tạo một phong cách khác biệt cho blog yahoo của mình thì hiệu ứng zoom ảnh lên khi bạn click chottj vào bức ảnh đó là một lựa chọ hoàn hảo. Code 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 css. Code này dán vào css để sử dụng được hiệu ứng phóng to ảnh, thu nhỏ chữ:
#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%;}
Chúc thành công!

0 nhận xét:

Đăng nhận xét

Support : Guide | Blogspot Tips | Television | IDM | Software Free | Site Map | Back Link | Contact | ↑ back to top
Ghi rõ nguồn kynangblog.blogspot.com khi phát hành lại thông tin từ trang này
Copyright © 2011. KỸ NĂNG BLOG - All Rights Reserved
Design by KyNangBlog Edit Ky nang blog
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Six million kynangblog template byKyNangBlog
Blogger Gadgets