Tạo các loại hiệu ứng của link khi rê chuột đến

Trang ChínhLatest imagesTìm kiếmĐăng kýĐăng Nhập

Forum  :: 

CONG NGHE THONG TIN

 :: 

Thế giới blog, Forum

Tạo các loại hiệu ứng của link khi rê chuột đến

Welcome to Forums Haku
Chào mừng các bạn đến với diễn đàn
Chúc các bạn có những giờ phút thư giãn thoải mái tại diễn đàn
Chúc các bạn luôn thành công trong cuộc sống

<--Code by Admin Haku -->

Forum Häkü Cộng Đồng Chém Gió :: 

CONG NGHE THONG TIN

 :: 

Thế giới blog, Forum

Share|
Tiêu đề

Tạo các loại hiệu ứng của link khi rê chuột đến

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Tác giảThông điệp

Admin
Member
Admin

Tổng bài gửi : 1074
Được Cảm Ơn : 538
Đến từ : Hà Ná»™i
Tài năng của Admin
Hạng: Member
Level:1074
Tài năng:/300


Tài Sản
Huân Chương: PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket

Bài gửiTiêu đề: Tạo các loại hiệu ứng của link khi rê chuột đến Tạo các loại hiệu ứng của link khi rê chuột đến 3e45c23a204Fri Apr 13, 2012 3:02 am
[CSS]Tạo các loại hiệu ứng của link khi rê chuột đến

Như mình đã viết trong cách làm trong box JAVA, đây là theo cách CSS, vô cùng đơn giản.
Đây là bài về JAVA :http://chinhphuc.info/forum-f20/topic-t1284.htm#6805
Demo: Http://a3k43.net
Bạn chỉ cần thêm thông số như sau trong a:hover
Ví dụ bản gốc là:
Code:
a:hover{
 text-decoration: underline;
 color : #d31141;

Thì bây giờ bạn thêm:
Code:
font-weight:bold;
background-image:url(http://i3.glitter-graphics.org/pub/707/707623ndqm8nohtx.gif);

Lưu ý là nhất quyết phải có dấu } ở cuối hoặc bên dưới nó có rồi thì thôi.

Sẽ được:
Code:
a:hover{
 text-decoration: underline;
 color : #d31141;
 font-weight:bold;
 background-image:url(http://i3.glitter-graphics.org/pub/707/707623ndqm8nohtx.gif);

Như thế này là thành công ! Bạn cũng có thể thay các loại hình gif kia.

Một số hình gif làm nền hiệu ứng:


http://i5.glitter-graphics.org/pub/591/591395kecel1r4wj.gif
http://i10.glitter-graphics.org/pub/7/7300hpyshmxute.gif
http://i4.glitter-graphics.org/pub/666/666004tw184km3y7.gif
http://i10.glitter-graphics.org/pub/591/591400hxt8p0qdcj.gif
http://i8.glitter-graphics.org/pub/4/4028x9kn03h8ea.gif
http://i1.glitter-graphics.org/pub/25/25641z48mdznjyh.gif
http://i1.glitter-graphics.org/pub/591/591401hydu3uezt8.gif
http://i4.glitter-graphics.org/pub/93/93234ygoixfay4u.gif
http://i1.glitter-graphics.org/pub/465/465791lnieeghsa0.gif
http://i6.glitter-graphics.org/pub/915/915846n4afambjlc.gif
http://i4.glitter-graphics.org/pub/591/591424r5j5z9vzd4.gif
http://i7.glitter-graphics.org/pub/11/11887jxbx0l4gkj.gif
http://i9.glitter-graphics.org/pub/185/185649d8sylcmsi8.gif
http://i5.glitter-graphics.org/pub/11/11945eycvex646p.gif
http://i1.glitter-graphics.org/pub/707/707861kfj61pqi7p.gif
http://i4.glitter-graphics.org/pub/191/191994rtvgza2v6l.gif
http://i3.glitter-graphics.org/pub/707/707623ndqm8nohtx.gif
http://i6.glitter-graphics.org/pub/762/762836k463new063.gif
http://i10.glitter-graphics.org/pub/16/16770gwdi5yck9n.gif
http://i2.glitter-graphics.org/pub/738/738402o80b3k1cyj.gif
http://i7.glitter-graphics.org/pub/478/478587wx5pxt1vlk.gif
http://i10.glitter-graphics.org/pub/707/707620lbi5rc3g3f.gif
http://i7.glitter-graphics.org/pub/707/707627j14ckqnn99.gif
http://i8.glitter-graphics.org/pub/52/52628h2ryzl513s.gif

Hãy cám ơn bài viết của Admin bằng cáh bấm vào "" nhe!!!

Về Đầu Trang Go down

https://haku.forumvi.net

Tiêu đề

Tạo các loại hiệu ứng của link khi rê chuột đến

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang
::.
Permissions in this forum:Bạn không có quyền trả lời bài viết
Forum Häkü Cộng Đồng Chém Gió :: CONG NGHE THONG TIN :: Thế giới blog, Forum-