[Hỏi – đáp] Liên hệ đẹp cho theme Flatsome wordpress – Liên hệ box 10
Chào bác bạn ! Hiện tại tớ có mở mục “Hỏi – Đáp” , các bạn muốn hỏi gì đặt câu hỏi cho tớ tại đây , Tớ sẽ sắp xếp thời gian viết bài hướng dẫn trả lời bạn nhé
Sẽn bạn hỏi về cách làm Liên hệ đẹp cho tùy chỉnh cho mobile và Destop khác nhau , tớ làm và share Liên hệ đẹp cho theme Flatsome wordpress – Liên hệ box 10
Liên hệ đẹp cho theme Flatsome wordpress
Để chèn box chát bạn cần vào theme flatsome ở mục như hình
![[hỏi - đáp] Liên hệ đẹp cho theme Flatsome wordpress – Liên hệ box 10](https://khowordpress.com/wp-content/uploads/2022/07/box-chat-dep.png "[hỏi - đáp] Liên hệ đẹp cho theme Flatsome wordpress – Liên hệ box 10 2 flatsome.xyz")
[hỏi – đáp] Liên hệ đẹp cho theme Flatsome wordpress – Liên hệ box 10
Dán code sau vào :
<br /> /* Liên hệ đẹp cho theme Flatsome wordpress – Liên hệ box 10 - Flatsome.xyz --*/<br /> <a class="social-icon social-icon--facebook" href="http://m.me/f88vietnam" target="_blank"><br /> <img src="https://f88.vn/img/icon/mess.svg"><br /> </a><br /> <a class="social-icon social-icon--zalo" href="https://zalo.me/861393446206589121" target="_blank"><br /> <img src="https://f88.vn/img/icon/zalo.svg"><br /> </a></p> <p><div class="social-icon-mobile"> <div> <a href="tel:18006388"> <img src="https://f88.vn/img/icon/call.svg"> <p>Gọi ngay</p> </a> </div> </p> <p><div> <a href="http://m.me/f88vietnam" target="_blank"> <img src="https://f88.vn/img/icon/messmb.svg"> <p>Facebook Chat</p> </a> </div></p> <p> <div> <a href="https://zalo.me/861393446206589121" target="_blank"> <img src="https://f88.vn/img/icon/zalomb.svg"> <p>Zalo Chat</p> </a> </div> </div></p> <p><style type="text/css"><br /> .social-iconz-index:1000.social-icon imgwidth:50px<br /> .social-icon--zaloposition:fixed;right:15px;bottom:15px;display:block<br /> .social-icon--facebookposition:fixed;bottom:75px;right:15px;display:block<br /> .social-icon-mobiledisplay:none<br /> .social-icon-mobile imgwidth:25px<br /> .social-icon-mobile divflex:1;display:flex;align-items:center;justify-content:center.social-icon-mobile pmargin:0;margin-top:5px;font-size:10px;color:#fff.social-icon-mobile adisplay:flex;flex-direction:column;align-items:center;justify-content:center.form-registerwidth:100%;max-width:100%;padding:0@media (max-width:768px).social-icon--facebook,.social-icon--zalodisplay:none.social-icon-mobiledisplay:flex;background-color:#00a3ff;height:60px;position:fixed;bottom:0;width:100%;z-index:1000<br /> </style>
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
/* Liên hệ đẹp cho theme Flatsome wordpress – Liên hệ box 10 - Flatsome.xyz --*/
<a class="social-icon social-icon--facebook" href="http://m.me/f88vietnam" target="_blank">
<img src="https://f88.vn/img/icon/mess.svg">
</a>
<a class="social-icon social-icon--zalo" href="https://zalo.me/861393446206589121" target="_blank">
<img src="https://f88.vn/img/icon/zalo.svg">
</a>
<div class="social-icon-mobile"> <div> <a href="tel:18006388"> <img src="https://f88.vn/img/icon/call.svg"> <p>Gọi ngay</p> </a> </div>
<div> <a href="http://m.me/f88vietnam" target="_blank"> <img src="https://f88.vn/img/icon/messmb.svg"> <p>Facebook Chat</p> </a> </div>
<div> <a href="https://zalo.me/861393446206589121" target="_blank"> <img src="https://f88.vn/img/icon/zalomb.svg"> <p>Zalo Chat</p> </a> </div> </div>
<style type="text/css">
.social-iconz-index:1000.social-icon imgwidth:50px
.social-icon--zaloposition:fixed;right:15px;bottom:15px;display:block
.social-icon--facebookposition:fixed;bottom:75px;right:15px;display:block
.social-icon-mobiledisplay:none
.social-icon-mobile imgwidth:25px
.social-icon-mobile divflex:1;display:flex;align-items:center;justify-content:center.social-icon-mobile pmargin:0;margin-top:5px;font-size:10px;color:#fff.social-icon-mobile adisplay:flex;flex-direction:column;align-items:center;justify-content:center.form-registerwidth:100%;max-width:100%;padding:0@media (max-width:768px).social-icon--facebook,.social-icon--zalodisplay:none.social-icon-mobiledisplay:flex;background-color:#00a3ff;height:60px;position:fixed;bottom:0;width:100%;z-index:1000
</style>
|
sau khi dán xong lưu lại bạn sẽ có kết quả như sau :
CÓ THỂ BẠN QUAN TÂM
- Rút gọn tên, mô tả ngắn của sản phẩm trong Woocomerce
- Đăng ký Google News thành công 100% Update 2022
- Code java hiện thị ngày tháng năm và lời chúc tương ứng
- Thêm bình luận Facebook vào WordPress không cần plugin
- Ảnh Background Tết – Hình nền tết đẹp nhất 2022
- Code các hàm hiển thị dữ liệu từ Woocommerce
![[hỏi - đáp] Liên hệ đẹp cho theme Flatsome wordpress – Liên hệ box 10](https://khowordpress.com/wp-content/uploads/2022/07/box-chat-dep-destop.png "[hỏi - đáp] Liên hệ đẹp cho theme Flatsome wordpress – Liên hệ box 10 3 flatsome.xyz")
Giao diện Destop – Liên hệ đẹp cho theme Flatsome wordpress – Liên hệ box 10
![[hỏi - đáp] Liên hệ đẹp cho theme Flatsome wordpress – Liên hệ box 10](https://khowordpress.com/wp-content/uploads/2022/07/box-chat-dep-mobile-1.png "[hỏi - đáp] Liên hệ đẹp cho theme Flatsome wordpress – Liên hệ box 10 4 flatsome.xyz")
Giao diện mobile – Liên hệ đẹp cho theme Flatsome wordpress – Liên hệ box 10
Nếu bạn có câu hỏi nào bạn có thể gửi mình tại đây mình sẽ giúp nếu có thể
Chúc bạn thành công nhé
Comments
Post a Comment