Trang Chính
![[Beta Plus] Thay nút home, thêm bạn và blog yêu thích cho module profile Empty](https://2img.net/i/empty.gif)
[You must be registered and logged in to see this link.]
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é![[Beta Plus] Thay nút home, thêm bạn và blog yêu thích cho module profile 4](https://2img.net/h/forum.vietnam360plus.com/images/smilies/yahoo/4.gif)
Sử dụng code sau để thay nút home
Mã:
.backhome .cta-ss {background:transparent url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Home/1.png) no-repeat center !important;height:50px;}/*olympia41124*/
.backhome .cta-ss strong{background:transparent !important;}/*vietnam360plus.com*/
.backhome .cta-ss em, .backhome .cta-ss strong{display:none;} /*olympia41124*/
Trong đó bạn có thể thay [You must be registered and logged in to see this link.] bằng link hình nút home của bạn và 50px là chiều cao của nút home.
Demo :
[You must be registered and logged in to see this link.]
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.] >>> [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
Mã:
.backhome .cta-ss:hover{background:transparent url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Home/2.png) no-repeat center !important;height:50px;}/*olympia41124*/
Thay link [You must be registered and logged in to see this link.] bằng link hình bạn muốn hiện ra khi rê chuột vào
[You must be registered and logged in to see this link.]
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:
Code hiệu ứng khi rê chuột vào nút thêm bạn
Quote:
Code thay nút blog yêu thích
Quote:
Code hiệu ứng khi rê chuột vào nút blog yêu thích
Quote:
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.
Written by olympia41124 - [You must be registered and logged in to see this link.]
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
Mã:
.backhome .cta-ss {background:transparent url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Home/1.png) no-repeat center !important;height:50px;}/*olympia41124*/
.backhome .cta-ss strong{background:transparent !important;}/*vietnam360plus.com*/
.backhome .cta-ss em, .backhome .cta-ss strong{display:none;} /*olympia41124*/
Trong đó bạn có thể thay [You must be registered and logged in to see this link.] bằng link hình nút home của bạn và 50px là chiều cao của nút home.
Demo :
[You must be registered and logged in to see this link.]
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.] >>> [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
Mã:
.backhome .cta-ss:hover{background:transparent url(https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Home/2.png) no-repeat center !important;height:50px;}/*olympia41124*/
Thay link [You must be registered and logged in to see this link.] bằng link hình bạn muốn hiện ra khi rê chuột vào
[You must be registered and logged in to see this link.]
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;}/*olympia41124*/ .addfrdbtn .cta-ss strong{background:transparent !important;}/*vietnam360plus.com*/ .addfrdbtn .cta-ss strong{display:none;} /*olympia41124*/ |
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;}/*olympia41124*/ |
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;}/*olympia41124*/ .subscribebtn .cta-ss strong{background:transparent !important;}/*vietnam360Plus.com*/ .subscribebtn .cta-ss strong{display:none;} /*olympia41124*/ |
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;}/*olympia41124*/ |
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.
Written by olympia41124 - [You must be registered and logged in to see this link.]
