Chưa phân loại
Chỉnh trang code – Code Beautifier
Chỉnh trang code, tự động sắp xếp lại các dòng code theo nhóm, block tiện cho debug Hướng dẫn sử dụng Code Beautifier B1: Chọn loại code (html , css …) B2: Copy code cần sắp xếp lại vào khung CODE IN B3: Bấm Tabify để sắp xếp lại các [...]
Css hiệu ứng chữ nhấp nháy – blinking/flashing text with CSS 3
Dùng đoạn css sau để tạo hiệu ứng chữ nhấp nháy nhé HTML [crayon-6a891209df111341204572/] CSS [crayon-6a891209df11a425601696/] Demo
AJAX Là gì? Ví dụ dùng AJAX trong WordPress
Trước đây mình ít khi dụng đến AJAX và thường tránh dùng vì một phần vì thấy các câu lệnh có vẻ rất cao siêu và khó hiểu tuy nhiên khi tìm hiểu thực tế và thực hành thì thực ra nó không khó như vậy. Chỉ cần các bạn [...]
Nút liên hệ website style 07
Nút liên hệ style 07 mình sưu tầm, kết quả như hình bên dưới, live demo ngay bên cuối trang nhé. HTML [crayon-6a891209e0d1b478789693/] CSS [crayon-6a891209e0d1f800070112/]
Tạo 1 title UX Builder đơn giản, hiển thị danh mục sản phẩm woocommerce
Nội dung bài viết này là chúng ta sẽ tạo một UX Builder hiển thị title đơn giản có icon đầu title (dùng fontawesome) theo các style css khác nhau, hiển thị danh mục sản phẩm woocommerce. Xem thêm: Cách code một block của riêng mình trong UX Builder B1: [...]
Cách dùng Font Awesome bản miễn phí
Font Awesome là một trong những thư viện icon miễn phí và có phí lớn nhất hiện nay, tại thời điềm ài viết này Font Awesome đã ra đến phiên bản 6.1.1 với hơn 16,083 icon, trong đó có 2,009 icon free 🙂 Với lượng icon free nhiều nư vậy [...]
Tạo nút chia sẻ bài viết trên các mạng xã hội cho wordpress
Nút chia sẻ bài viết lên các trang mạng xã hội sẽ giúp nội dung bài viết được lan truyền rộng rãi hơn cho cộng đồng. Chúng ta có thể tạo các nút chia sẻ như sau nhé: B1 thêm hàm sau vào function.php của theme hiện hành [crayon-6a891209e18be521122704/] [...]
Tạo menu phía dưới cho mobile flatsome – Sticky mobile footer menu Flatsome
Tạo menu trên mobile theme Flatsome Để tạo menu trên mobile theme Flatsome ta có thể tận dụng các shortcode bằng cách như sau: B1: Tạo 1 Block như bên dưới Block này chỉ hiển thị trong chế độ mobile [crayon-6a891209e1adb248084253/] B2. Thêm CSS như sau: [crayon-6a891209e1ae0834346877/] B3. Thêm shortcode [...]