Hiệu ứng của nút homepage

Thư mục: 360Plus |

Đăng ngày: 22:01 24-09-2009

hôm nay kem lần mò sang blog của bạn Rose bên hồng Kông ( toàn tiếng bên đấy đọc chả hiểu j cả may là mấy cái code còn đọc đc he he :D ) và học đc 1 thủ thuật nho nhỏ về hiệu ứng thay đổi nút home page khi mình di chuyển con trỏ chuột .

nút home page khi bình thường

This image has been resized. Click this bar to view the full image. The original image is sized 1179x637.

Trích:

div.backhomtbtn a.backtomyblog {background:transparent url(thay_link_vao_đây) no-repeat center;height:xxpx;}

nút homepage khi di chuyển con trỏ chuột đến

This image has been resized. Click this bar to view the full image. The original image is sized 746x237.

Trích:

div.backhomtbtn a.backtomyblog:hover {background:transparent url(thay_link_vào _đây) no-repeat center;height:xxpx;}

ghi chú : XX là chiều cao của ảnh :D

chữ thay link vào đây là nơi bạn chèn link nút home page ( link ảnh nút home page í :D )

chọn nút home page cho phù hợp rồi paste 2 code trên vào css ..và ngồi chờ kết quả :D

theo kem thì cái này khá là hay ho vì thế tạo nhiều hiệu ứng nho nhỏ này giúp bạn trang trí cho nhà cửa nhà mình sinh động hơn

nguồn: rose' blog