CSS - Trang 3 trên 3 - Code & Coffe

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  <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> [...]

Biến toàn cục dùng trong CSS

Dùng biến toàn cục cho css sẽ giúp chúng ta quản lý tốt hơn các tùy chọn giao diện, tránh phải tìm lại các mã màu hay là các tùy chỉnh đã làm trong dự án. Dưới đây là cách định nghĩa mã màu và cách gọi nó khi dùng. [...]

Nút tạo liên hệ bên trái website

Nút tạo liên hệ bên trái website <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> [...]

Lỗi không hiển thị Favicon website wordpress trên chrome và cách xử lý

Favicon là gì? Favicon của một website thường là một ảnh nhỏ đại diện cho web và hiển thị trên trình duyệt web, khi người dùng bookmark địa chỉ web của bạn lại thì favicon sẽ được lưu để người dùng tiện tra cứu sau này. Favicon còn được biết [...]

Hiệu ứng đánh chữ

Hiệu ứng đánh chữ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Untitled Document</title> </head> <style type="text/css"> body{ background-color:#000; color:#0F0; font-family:"Courier New"; font-weight:bold; } </style> <script language="javascript"> cusor='+'; count=0; mess='http://Windowsz.net<br />'+ '---------------- <br />'+ 'Diễn đàn hỗ trợ người dùng Windows và IT Việt <br />'+ ' Thành lập vào ngày 13/10/2009'+ ' <br>Người sáng lập: Nguyễn Hải Dương <br /> '+ ' Nickname: haiduong <br />'+ ' Gender: Male <br />'+ ' Birthday: 05/08/1986 <br />'+ ' Location: Hà Nội <br/ >' function type() { if (cusor=='+') cusor=' '; else cusor='+'; document.getElementById('scr').innerHTML=mess.substring(0,count++)+cusor; if(count<=mess.length) setTimeout("type()",80); } </script> <body onload="type()"> <div id="scr"> </div> </body> </html> [...]