Rảnh rỗi không biết làm gì và ít ra bài nên hướng dẫn mọi người tạo khung liên hệ đẹp cho blogspot không linh tinh luyên thuyên nữa chúng ta bắt tay vào làm ngay thôi !!!


CÁCH THỰC HIỆN:
Cách bạn chỉ cần copy code bên dưới dán vào nơi các bạn thích là được và chỉnh sửa thông tin lại nhé !!
<style>
.colorbox{overflow:hidden;position:relative;margin:0px 0 15px;transition:box-shadow .25s;border-radius:2px;color:#fff;padding:20px;font-size:14px}
.colorbox.green{background:linear-gradient(45deg,#4787ed,#4ecfec)}
.text-contact{padding-left:110px;font-size:16px}
.contactico{display:block;font-size:45px;border:4px double #eee;float:left;width:100px;height:100px;text-align:center;line-height:100px; margin-right:19px;border-radius:50%}
.anim{animation:jiggle 2s ease-in infinite}
@keyframes jiggle {
48%,62%{transform:scale(1.0,1.0)}
50%{transform:scale(1.1,0.9)}
56%{transform:scale(0.9,1.1) translate(0,-5px)}
59%{transform:scale(1.0,1.0) translate(0,-3px)}
}
</style>
<div class="colorbox green">
<div class="contactico">
<i aria-hidden="true" class="fa fa-envelope-open anim"></i></div>
<div class="text-contact">
- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !<br>
- Mọi chi tiết xin liên hệ:<br>
• Email: lequangthin001@gmail.com<br>
• Facebook: Fb.com/quangthin.57
</div>
</div>
Chúc các bạn thành công ahihi
phải ghi rõ ràng là chèn ở đâu chứ
ReplyDeletekiếm chỗ thẻ tag á em :v
Deletephải ghi rõ cho độc giả k rành chứ
Deletenhư blog em kiếm origin tìm đến thẻ /div đóng bỏ vào bên dưới là được
Deletechất kinh @@
ReplyDeleteđem về sài liền :p
Deleteđoạn code làm đổi màu là đoạn nào anh nhỉ
Delete@-webkit-keyframes Gradient {
Delete0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-moz-keyframes Gradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes Gradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
} }
anh hỏi xíu :D tạo WIDGET THỐNG KÊ HIỆU ỨNG CHUYỂN MÀU như anh làm sao vậy :D
ReplyDeleteà qua hồng hải blog có hướng dẫn á em
Deletebên hồng hải em làm thử mà cái hình con mắt ko thấy thấy đc số vs đổi màu
Deleteem tìm .Stats .counter-wrapper xóa rồi làm lại thử nhé
DeleteBest không nguồn :))
ReplyDeletehihi đéo :D
DeleteOke thế cbi Share templ bác ver 2 nhé :D
DeleteThoải mái đi cu :v
Deleteoki cu :v
Deletepr thoải mái đi cu :v
Deletesửa lk cho em với nha: www.quocbaoblog.xyz
ReplyDeleteReg adsen tiếp à :v
Delete