1 [Code]HIỆU ỨNG LẤP LÁNH KHI RÊ CHUỘT Sat Oct 13, 2012 7:08 am
- Code:
Ở một số blog,hay giống blog Thái Quang nè,khi rê chuột vào các link,bạn sẽ thấy những hiệu ứng lung linh xuất hiện,.Mình sẽ hướng dẫn bạn làm từng bước một:
Khởi đầu bằng việc bấm Phòng Quản lí-> Quản lý blog-> giao diện. Copy đoạn code dưới đây mà bạn cảm thấy thích vào ô CSS code nhé!
1/Lá rơi:
Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://img.photobucket.com/albums/v76/lienrom/92946cxn8xmvkw5.gif);}
2/Tim rơi và tan như tuyết:
Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://img.photobucket.com/albums/v76/lienrom/196321yuyezcwmu1.gif);}
3/Tim lớn màu hồng chớp chớp:
Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://img.photobucket.com/albums/v76/lienrom/heart4.gif);}
4/Hình tròn nhỏ chớp chớp:
Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://img.photobucket.com/albums/v76/lienrom/lunglinh.gif);}
5/Pháo hoa:
Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://img.photobucket.com/albums/v76/lienrom/pinksparkle6df1.gif);}
6/Tim xanh :
Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://img.photobucket.com/albums/v76/lienrom/x1pc_jqddVOWRk-VaEPLmKuGpUDH4oRqaW4.gif_;}
7/TRái tim bay bay :
Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://i227.photobucket.com/albums/dd81/vicq2/thcontrotraitim.gif);}
8/Bong bóng happy:
Code:
a:hover
{text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://www.addemoticons.com/emoticon/love2/AddEmoticons10312.gif);}
9/Bông hoa:
Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://www.addemoticons.com/emoticon/love3/AddEmoticons10944.gif);}
10/Nốt nhạc đủ màu:
Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://www.addemoticons.com/emoticon/love3/AddEmoticons10947.gif);}
11/Bong bóng:
Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://www.addemoticons.com/emoticon/love2/AddEmoticons1039.gif);}
12/Áo vú:
Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://www.addemoticons.com/emoticon/love/AddEmoticons09781.gif);}
13/Trái cà chua:
Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://www.addemoticons.com/emoticon/love2/AddEmoticons10343.gif);}
14/I LOVE YOU:
Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://www.addemoticons.com/emoticon/love2/AddEmoticons10346.gif);}
15/Mây nhí nhảnh:
Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://www.addemoticons.com/emoticon/love2/AddEmoticons10314.gif);}
16/lOvE nhí nhảnh:
Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://www.addemoticons.com/emoticon/love2/AddEmoticons10350.gif);}
Nếu các bạn muốn làm theo phong cách riêng thì: Code:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(thay link ảnh của bạn vào nhé);}
Chúc các bạn thành công!
Message reputation : 0% (1 vote) |