Thủ thuật

Code nút liên hệ 04

Demo chân trang, nguồn thaibinhweb.net Phần 1: Code HTML Các bạn nhớ đổi số điện thoại & Facebook thành thông tin của mình nhé <div class="call-mobile2"> <a data-animate="fadeInDown" rel="noopener noreferrer" href="http://zalo.me/0903123456" target="_blank" class="button success" style="border-radius:99px;" data-animated="true"> <span>Chat Zalo </span></a> </div> <div class="call-mobile1"> <a data-animate="fadeInDown" rel="noopener noreferrer" href="https://www.facebook.com/codfe" target="_blank" class="button success" [...]

Code nút liên hệ 03

Demo chân trang <style> .success.is-underline:hover, .success.is-outline:hover, .success { background-color: #0160a0 !important; } .call-mobile {background: #ED1C24;position: fixed;bottom: 10px;height: 36px;line-height: 36px; padding: 0 0px 0 0px;border-radius: 36px;color: #fff;left: 10px;z-index: 99999; font-size: 14px; } .call-mobile1 {position: fixed;bottom: 95px;height: 40px;line-height: 40px; padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 10px;z-index: 99999; font-size: 14px; } .call-mobile2 [...]

Code chèn 4 nút liên hệ vào chân trang web

Demo phía cuối trang web <section class="mobile_chat hidden-md hidden-lg"> <div class="container"> <div class="row codfe_row"> <div class="col-xs-3 chat-item"> <a href="tel:0123456789" class="chat-item-url"> <div class="chat-item-image"> <img src="https://codfe.com/wp-content/uploads/2022/02/icon_phone.png" class="img-responsive" alt="goi-dien"> </div> <div class="chat-item-text"> Gọi điện </div> </a> </div> <div class="col-xs-3 chat-item"> <a href="sms:0123456789" class="chat-item-url"> <div class="chat-item-image"> <img src="https://codfe.com/wp-content/uploads/2022/02/icon_sms.png" class="img-responsive" alt="nhan-tin"> </div> <div class="chat-item-text"> Nhắn [...]

Code nút liên hệ

Code nút liên hệ rung lắc cho các bạn tham khảo nhé [...]

Code nút liên hệ

Đoạn code nút liên hệ bên dưới website mình sưu tầm được, demo nút liên hệ góc phải màn hình bài viết này nhé! CSS .arcontactus-widget.right.arcontactus-message { right:20px } .arcontactus-widget.right.arcontactus-message { bottom:20px } .arcontactus-widget .arcontactus-message-button.pulsation { -webkit-animation-duration:2s; animation-duration:2s } .arcontactus-widget.md .arcontactus-message-button,.arcontactus-widget.md.arcontactus-message { width:60px; height:60px } .arcontactus-widget { opacity:0; transition:.2s opacity [...]

Side bar menu với icon

Side bar menu với icon, tải code [download id=”968″] DEMO CODE [...]

Các hiệu ứng hover tiêu đề web đẹp

Các hiệu ứng hover tiêu đề web đẹp DEMO DOWNLOAD [download id=”981″]   [...]

Các mẫu tiêu đề đẹp dùng cho web

Các mẫu tiêu đề website đẹp mình sưu tầm và hệ thống lại để tiện tra cứu sử dụng khi cần [...]

Một số code&css hay dùng trong theme Flatsome

Một số code&css hay dùng trong theme Flatsome Dưới đây là một số đoạn code và css hay dùng trong theme Flatsome, mình lưu lại theo danh mục để tiện tra cứu sử dụng 1. CSS cho khung search .form-flat input:not([type="submit"]) { border-radius: 4px; font-size: 15px; background-color:white; } 2. Dùng [...]

Code nút call hotline

Code nút Hotline,  tải icon call tại đây <!-- code nút gọi dán vào web. Thường là footer --> <div class="fix_tel"> <div class="ring-alo-phone ring-alo-green ring-alo-show" id="ring-alo-phoneIcon" style="right: 150px; bottom: -12px;"> <div class="ring-alo-ph-circle"></div> <div class="ring-alo-ph-circle-fill"></div> <div class="ring-alo-ph-img-circle"> <a href="tel:0903172969"><img class="lazy" src="https://codfe.com/wp-content/uploads/2020/04/goi.png" alt="G"></a> </div> </div> <div class="tel"> <a href="tel:0903172969"><p class="fone">0903 172 969</p></a> [...]