http://donghodinhvigiare.vn/
hoangkimzoip
<style> .call-mobile {background: #ED1C24;position: fixed;bottom: 10px;height: 40px;line-height: 40px; padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999; } .call-mobile1 {position: fixed;bottom: 52px;height: 40px;line-height: 40px; padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999; } .call-mobile i {font-size: 20px;line-height: 40px;background: #B52026; border-radius: 100%;width: 40px;height: 40px; text-align: center; float: right; } .call-mobile a {color: #fff;font-size: 18px;font-weight: bold; text-decoration: none; margin-right: 10px; padding-left: 10px;} .ctrlq.fb-button { z-index: 999; background: url(https://hoanghamobile.com/tin-tuc/wp-content/uploads/2017/03/201703271048061846_201703271042138304_Facebook-to-scrap-support-for-Messenger-on-Windows-Phone-8-and-8.1-at-the-end-of-March.jpg) center no-repeat #0084ff; width: 60px; height: 60px; text-align: center; bottom: 10px; border: 0; outline: 0; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16); -webkit-transition: box-shadow .2s ease; background-size: 80%; transition: all .2s ease-in-out; } .bubble { width: 20px; height: 20px; background: #c00; color: #fff; position: absolute; z-index: 999999999; text-align: center; vertical-align: middle; top: -2px; left: -5px; border-radius: 50%; } .ctrlq.fb-overlay { z-index: 0; position: fixed; height: 100vh; width: 100vw; -webkit-transition: opacity .4s, visibility .4s; transition: opacity .4s, visibility .4s; top: 0; left: 0; background: rgba(0, 0, 0, .05); display: none; } .fb-widget { background: #fff; z-index: 1000; position: fixed; width: 360px; height: 435px; overflow: hidden; opacity: 0; bottom: 0; right: 24px; border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 5px 40px rgba(0, 0, 0, .16); -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .16); -o-box-shadow: 0 5px 40px rgba(0, 0, 0, .16); } .bubble-msg { width: 120px; left: -140px; top: 5px; position: relative; background: rgba(59, 89, 152, .8); color: #fff; padding: 5px 8px; border-radius: 8px; text-align: center; font-size: 13px; } .ctrlq.fb-button, .ctrlq.fb-close { position: fixed; right: 24px; cursor: pointer; } .ctrlq.fb-button:focus, .ctrlq.fb-button:hover { transform: scale(1.1); box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 40px rgba(0, 0, 0, .24); } </style>
<a href="http://fb.com/hoangkim0995557777" title="Gửi tin nhắn cho chúng tôi qua Facebook" class="ctrlq fb-button"> <div class="bubble">1</div><div class="bubble-msg">Bạn cần hỗ trợ?</div></a>
Bài viết liên quan :
Xu hướng kinh doanh năm 2018
Chia sẻ theme shop cực đẹp Atom – Responsive WooCommerce
CÁCH LẤY THÔNG TIN SMTP CỦA GMAIL CHÍNH XÁC -Thiết lập SMTP của Gmail cho WordPress
Chia sẻ theme wordpress bán hàng chuẩn seo đẹp
10 Theme WordPress đẹp cho lĩnh vực nội thất
Chia sẻ plugin hiển thị thông tin sản phẩm khi hover cho WordPress