[Beta Plus] Thay nút home, thêm bạn và blog yêu thích cho module profile

Lu Bu

Lu Bu

Thành Viên Cấp 9

Bài Viết : 9302

Đến Từ : Cà Mau

Sinh Nhật : 01/09/1989
Point

Point : 85460

Có thể các bạn thấy nút Home của Beta Plus hơi
đơn điệu. Ta sẽ thay bộ áo mới cho nó nhé

Sử dụng code sau để thay nút home

Quote:

.backhome .cta-ss {background:transparent
url(Link Ảnh)
no-repeat center !important;height:50px;}
.backhome .cta-ss strong{background:transparent
!important;}
.backhome .cta-ss em, .backhome .cta-ss strong{font-size:0;}

Trong đó bạn có thể thay Link Ảnh
bằng link hình nút home của bạn và 50px là chiều cao của nút home.

Demo :

Sau đây là một số hình nút home cho các bạn tham khảo

>>>
[You must be registered and logged in to see this link.]

>>>
[You must be registered and logged in to see this link.]

>>>
[You must be registered and logged in to see this link.]

>>>
[You must be registered and logged in to see this link.]

>>>
[You must be registered and logged in to see this link.]

>>>
[You must be registered and logged in to see this link.]

>>>
[You must be registered and logged in to see this link.]

>>>
[You must be registered and logged in to see this link.]

>>>
[You must be registered and logged in to see this link.]

>>>
[You must be registered and logged in to see this link.]

>>>
[You must be registered and logged in to see this link.]

>>>
[You must be registered and logged in to see this link.]

>>>
[You must be registered and logged in to see this link.]

>>>
[You must be registered and logged in to see this link.]

>>>
[You must be registered and logged in to see this link.]

Ngoài ra nếu muốn hiệu ứng thay nút home khi rê chuột vào nút home thì
dùng code sau

Quote:

.backhome .cta-ss:hover{background:transparent
url(Link Ảnh)
no-repeat center !important;height:50px;}

Thay link Link Ảnh
bằng link hình bạn muốn hiện ra khi rê chuột vào

Tương tự ra sẽ có code cho nút thêm bạn và nút blog yêu thích

Code thay nút thêm bạn

Quote:

.addfrdbtn .cta-ss {background:transparent url( Link hình ) no-repeat
center!important;height:50px;}
.addfrdbtn .cta-ss strong{background:transparent
!important;}
.addfrdbtn .cta-ss strong{font-size:0;}

Code hiệu ứng khi rê chuột vào nút thêm bạn

Quote:

.addfrdbtn .cta-ss:hover {background:transparent url(Link hình)
no-repeat center!important;height:50px;}

Code thay nút blog yêu thích

Quote:

.subscribebtn .cta-ss {background:transparent url(Link hình)
no-repeat center!important;height:50px;}
.subscribebtn .cta-ss strong{background:transparent
!important;}
.subscribebtn .cta-ss strong{font-size:0;}

Code hiệu ứng khi rê chuột vào nút blog yêu thích

Quote:

.subscribebtn .cta-ss:hover {background:transparent url(Link hình)
no-repeat center!important;height:50px;}

Lưu ý trong các code trên height:50px là quy định chiều cao tương ứng
của hình, bạn có thể thay 50 bằng chỉ số chiều cao của hình.

¯º•¶v¶øøñ•º¯

¯º•¶v¶øøñ•º¯

Thành Viên Cấp 10

Bài Viết : 24001

Đến Từ : Cà Mau

Sinh Nhật : 24/11/1994
Point

Point : 446226

Up…

69 Gaming

69 Gaming

Mod Game

Bài Viết : 4115

Sinh Nhật : 04/05/1993
Point

Point : 47822

hay lắm up nghe

Mit

Mit

Thành Viên Cấp 7

Bài Viết : 2030

Đến Từ : Cm

Sinh Nhật : 05/03/1994
Point

Point : 364144

úp.........

Sponsored content

Latest topics

[Beta Plus] Thay nút home, thêm bạn và blog yêu thích cho module profile

1 [Beta Plus] Thay nút home, thêm bạn và blog yêu thích cho module profile 2010-01-31, 7:30 pm

Lu Bu

2 Re: [Beta Plus] Thay nút home, thêm bạn và blog yêu thích cho module profile 2012-02-03, 12:36 pm

¯º•¶v¶øøñ•º¯

3 Re: [Beta Plus] Thay nút home, thêm bạn và blog yêu thích cho module profile 2012-08-18, 5:46 pm

69 Gaming

4 Re: [Beta Plus] Thay nút home, thêm bạn và blog yêu thích cho module profile 2012-08-18, 7:25 pm

Mit

5 Re: [Beta Plus] Thay nút home, thêm bạn và blog yêu thích cho module profile

Sponsored content