CSS

Mẫu Scrollbar đẹp

Nguyên bộ code html css và js trang trí cho Scrollbar của website thêm cool ngầu nhé Thuật Ngữ -webkit-scrollbar bao gồm 7 phần tử khác nhau và cùng bao gồm một phần tử giao diện thanh cuộn đầy đủ: ::-webkit-scrollbar hình nền của chính thanh cuộn đó. ::-webkit-scrollbar-button các nút định hướng [...]

Cách tạo sticky sidebar bằng css cho wordpess

Tạo sticky sidebar giúp cho sidebar ghim vào vùng hiển thị màn hình, sẽ giúp website đỡ trống trải và các nội dung quan trọng luôn bảo đảm đập vào mắt người dùng 🙂 Trong phạm vi bài viết này mình sẽ hướng dẫn các bạn css lại sidebar để [...]

Giới hạn dòng hiển thị bằng CSS hỗ trợ cả IE

Dùng đoạn CSS sau để gới hạn số dòng trong khung text nhé. [crayon-6a89209cc9c3a466261582/] Trong ví dụ trên thì nội dung trong class “codfe-archive-except” chỉ hiển thị 3 dòng, nội dung thừa sẽ bị cắt đi

Thêm class active cho thẻ a đang trùng với link hiện tại của website

Giải thích dài dòng ra là làm nổi bật lên các thẻ a có URL trùng với link hiện tại của trang web, thường ứng dụng để nhấn mạnh các link đang active như trong menu hoặc sidebar của website. Trong bài viết này mình trình bày cách thêm class [...]

Các đơn vị đo độ dài trong Css: px, mm, cm, em, rem …

Css có nhiều đơn vị đo độ dài khác nhau, chúng ta cần phân biệt và sử dụng chúng một cách hiệu quả tránh các lỗi phát sinh trên các thiết bị khác nhau. Các đơn vị kích thước trong css gồm đơn vị tuyệt đối như px, mm, cm [...]

Css khai báo font chữ và cách sử dụng font khác trong wordpress

Thường các theme wordpress đã khai báo sẵn các font để sử dụng, tuy nhiên vì một lý do nào đó bạn muốn khai báo và sử dụng font trong wordpress thì cùng tìm hiểu bài viết này nhé. 1. CÁCH SỬ DỤNG @font-face TRONG CSS @font-face trong CSS giúp [...]

Tạo shortcode cho menu để dùng khắp mọi nơi :>

Menu thông thường chỉ được xài cho Header và Footed tuy nhiên nếu bạn muốn phá cách mang menu đi khắp mọi nơi thì hãy biến em nó thành Shortcode rồi xài nhé! Đoạn code biến menu thành shortcode chỉ bao gồm vài dòng như bên dưới [crayon-6a89209cca5f5464569821/] Css cho [...]