Trang chủ >

Tìm kiếm trên diễn đàn

Tạo nút chia sẻ các trang mạng xã hội : Facebook, G ,...bằng cách chèn mã công cụ bay

Tham gia : 07/09/2018
Website : phamlanu@gmail.com
phamlanu@gmail.com
Gửi vào lúc : 28/08/2019

Đoạn code công cụ bay bên phải gọn nhẹ dùng css cho các bạn
<div id="congcubayphai">

<a class="nutphone" href="tel:0989.020.241"><span class="mota">Gọi 0989.020.241</span><span class="nut"><i class="fas fa-phone-square"></i></span></a>

<a class="nutfacebook" href="https://www.facebook.com/StudioAoCuoiTyTy/"><span class="mota">Fanpage StudioAoCuoiTyTy</span><span class="nut"><i class="fab fa-facebook-f"></i></span></a>

<a class="nutzalo" href="https://zalo.me/0989020241"><span class="mota">Zalo 0989020241</span><span class="nut"><i class="far fa-comment-dots"></i></span></a>

<a class="nutyoutube " href="https://www.youtube.com/watch?v=QErg9rdH-DU"><span class="mota">Kênh Youtube</span><span class="nut"><i class="fab fa-youtube"></i></span></a>


</div>

<style>

#congcubayphai {position:fixed;right:0; top:30%;z-index:9999;color:#fff;text-align:right}

#congcubayphai >a{margin-bottom:2px;display:block}

#congcubayphai >a:hover .mota{ display: inline-block;}

#congcubayphai .mota{ display: none;margin-right:2px;height:40px;padding:10px; box-sizing:border-box;font-size:20px;}

#congcubayphai .nutphone span{background:#dd3333;}

#congcubayphai .nutfacebook span{background:#1e73be;}

#congcubayphai .nutzalo span{background:#1db9f7;}

#congcubayphai .nutyoutube span{background:#ff1e1e;}

#congcubayphai a .nut {height:40px;padding:10px; width:40px;font-size:20px;display:inline-block;box-sizing:border-box;text-align:center}

#congcubayphai i{}

<style>

Trong hình ảnh có thể có: 1 người






Gửi vào lúc :

Gửi phản hồi của bạn ( các bạn vui lòng không gửi câu hỏi khác không liên quan đến topic, nếu có câu hỏi mới xin lập topic mới )

VUI LÒNG ĐĂNG NHẬP ĐỂ GỬI PHẢN HỒI

Chat hỗ trợ
Chat ngay