.




http://i1013.photobucket.com/albums/af256/phuongdo9090/Avata%20-%20hoa/EntrymusicDung08.png?t=1306068513

Thay nút bấm blog yêu thích ,nút comment,chèn ion xem hồ sơ !


 


Bài viết này Hùng xin hướng dẫn cho mọi người cách chèn ion vào mục " hồ sơ của tôi " , thay nút bấm " thích " ," bài viết " , nút bấm " comment "



1 . Code chèn ion cho phần Hồ sơ của tôi

<style>
#w-profile-card .profile .ico{background:url( Link hình ) no-repeat;height:XXpx;width: YY px ;}
</style>

- Dưới đây là ion



2 Code chèn nút bấm nút thích ,nút bài viết



Code:

<style>
.yut-btn-light {background:transparent url( Link hình) no-repeat;height:XXpx; width:YYpx; border:none;}
.yut-btn-light a {color: Mã màu}
</style>

- Một số nút bấm button do Hùng làm mọi người thích thì dùng nhé

http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/bt3.png Link : http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/bt3.png

http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/bt3-1.png Link : http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/bt3-1.png
http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/hungno17.png Link : http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/hungno17.png
http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/bton.gif Link: http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/bton.gif
http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/xx.png Link : http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/xx.png

http://nl7.upanh.com/b3.s29.d1/27d83c355c79206ae565520951361b27_43951967.hhh.png Link : http://nl7.upanh.com/b3.s29.d1/27d83c355c79206ae565520951361b27_43951967.hhh.png

http://nl6.upanh.com/b4.s27.d2/7c5b714c543324a233c51466c383386d_43952366.button.png Link : http://nl6.upanh.com/b4.s27.d2/7c5b714c543324a233c51466c383386d_43952366.button.png
http://nl7.upanh.com/b3.s28.d3/781338b65d7c57f4964e44a14083fef0_43952607.bt2.png Link : http://nl7.upanh.com/b3.s28.d3/781338b65d7c57f4964e44a14083fef0_43952607.bt2.png




3 . Code thay nút bấm comment



Code :

<style>
.yut-btn{background:transparent url(Link hình) no-repeat;height:XXpx; width:YYpx; border:none;}
.yut-btn button,
.yut-btn-light a{color: màu }
</style>

- Một số button cho comment nè
http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/hungno14.png Link : http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/hungno14.png
http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/hungno13.png Link : http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/hungno13.png
http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/hungno18.png Link : http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/hungno18.png
http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/hungno1-7.png Link : http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/hungno1-7.png
http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/hungno12.png Link : http://i1020.photobucket.com/albums/af324/anhhungbinhphuoc/hungno12.png



-Trong đó : XX là chiều cao ,YY chiều ngang , màu là màu chữ của nút bấm

- Xem Bảng Mã Màu tại đây

Vui lòng ghi rõ nguồn nếu bạn có sử dụng bài viết của Hùng để chia sẽ nhé !
>>> Bài viết có liên quan <<<

Không có nhận xét nào:

Đăng nhận xét