Nút tạo liên hệ bên trái website
|
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 |
<div class="icon-bar"> <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/congtygophuongnam/" class="float-shadow"> <img src="/wp-content/uploads/2019/05/facebook-1.png" alt="Facebook" title="Facebook" width="48" height="48"> </a> <a target="_blank" rel="noopener noreferrer" href="https://zalo.me/1656335684749387114" class="float-shadow"> <img src="/wp-content/uploads/2019/05/zalo-1.png" width="48" height="48" alt="Zalo" title="Zalo"> </a> <a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/channel/UCJ3wQAJiZBzum9RWN1TLUYA?view_as=subscriber" class="float-shadow"> <img src="/wp-content/uploads/2019/05/youtube-1.png" width="48" height="48" alt="youtube" title="youtube"> </a> </div> <style type="text/css"> .icon-bar { position: fixed; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 999; } .icon-bar a { display: block; text-align: center; padding: 6px; transition: all 0.3s ease; color: white; font-size: 20px; } .icon-bar a:hover { -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari 3-8 */ transform: scale(1.1); } </style> |
