Bài viết này thực hiện (hoặc lụm bài về đăng câu like từ các trang khác) bởi Việt Lâm Coder một YOUTUBER có tâm và đẹp trai siêu cấp vô địch zũ trụ.
CSS cho máy tính và điện thoại
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 |
<style> .hotline-popup { position: fixed; left: 10px; background: #00a651; bottom: 8px; border-radius: 40px; text-align: center; font-size: 20px; font-family: initial; font-weight: 700; line-height: 20px; cursor: pointer; display: block; z-index: 99999; padding: 8px; color: #fff!important; min-width: 168px; } .networksocial li, .networksocial ul, .networksocial nav { list-style: none; } .networksocial { position: fixed; bottom: 60px; left: 0; width: 70px; z-index: 99999; box-sizing: unset; padding-left: 20px; } .networksocial li { margin-bottom: 10px; text-align: left; } .networksocial li.hotmb { display: none; } .networksocial img { width: auto; height: 36px; } .networksocial span { font-size: 12px; display: none; } @media screen and (max-width: 640px) { .hotline-popup{display:none;} .networksocial{width:100%; margin-bottom: 0;bottom: 0px; left:0; padding: 8px 0 0px 0px; background: rgba(255,255,255,0.9);} .networksocial li.hotmb{display:block;} .networksocial li{float:left; width:80px; text-align:center;margin-bottom: 0px;} .networksocial span{display: block;} .back-to-top { z-index: 999999; bottom: 80px; right: 10px; } footer { padding-top: 50px; padding-bottom: 50px; } } </style> |
Nội dung HTML
|
1 2 3 4 5 6 7 |
<ul class="networksocial"> <li class="hotmb"><a href="tel:0363985995" title="Hotline" rel="nofollow"><img loading="lazy" class="lazyload" src="https://officesolutions.com.vn/wp-content/uploads/icons/hotline-icon.png" alt="Hotline"><span>Gọi ngay</span></a></li> <li><a href="https://zalo.me/0363985995" title="Zalo" target="_blank" rel="nofollow"><img loading="lazy" class="lazyload" src="https://officesolutions.com.vn/wp-content/uploads/icons/zalo-icon.png" alt="Zalo"><span>Zalo</span></a></li> <li><a href="https://m.me/pcchinhhangofficial" title="Facebook" target="_blank" rel="nofollow"><img loading="lazy" class="lazyload" src="https://officesolutions.com.vn/wp-content/uploads/icons/facebook-icon.png" alt="Facebook"><span>Messenger</span></a></li> <li><a href="https://g.page/pcchinhhangofficial?share" title="Địa chỉ" target="_blank" rel="nofollow"><img loading="lazy" class="lazyload" src="https://officesolutions.com.vn/wp-content/uploads/icons/location-icon.png" alt="Địa chỉ"></a><span>Bản đồ</span></li> </ul> <div class=""> <a class="hotline-popup" href="tel:0363985995">0363 985 995</a> </div> |
Kết quả trên máy tính bàn:
Kết quả trên điện thoại:
Bài viết này thực hiện (hoặc lụm bài về đăng câu like từ các trang khác) bởi Việt Lâm Coder một YOUTUBER có tâm và đẹp trai siêu cấp vô địch zũ trụ.
