css
-
Tutorial 2x Hướng dẫn chuẩn hóa giao diện Sáng/Tối trên XenForo 2.3
Đừng để Dark Mode làm "mù mắt" người dùng: Hướng dẫn chuẩn hóa giao diện Sáng/Tối trên XenForo 2.3 Năm 2025, Dark Mode (Giao diện tối) không còn là một tính năng "có thì vui", mà là tiêu chuẩn bắt buộc. Người dùng mong đợi website tự động chuyển sang màu tối khi trời tối hoặc khi họ cài đặt...- PVS
- Chủ đề
- accessibility css dark mode less news style properties tutorial 2.x ui/ux web design xenforo xenforo 2 tutorial xenforo 2.3 xenforo news
- Trả lời: 0
- Diễn đàn: Tips and Guides
-
Tạm biệt Media Queries? Tại sao "Container Queries" trong XenForo 2.3 là tương lai của thiết kế Widget
Tạm biệt Media Queries? Tại sao "Container Queries" trong XenForo 2.3 là tương lai của thiết kế Widget Bạn đã bao giờ gặp tình huống dở khóc dở cười: Một Widget hiển thị tuyệt đẹp ở Footer (rộng rãi), nhưng khi kéo vào Sidebar (chật hẹp) thì vỡ nát, chữ đè lên ảnh? Trước đây, để sửa lỗi này... -
Từ CSS đến SCSS: Hành trình từ nông dân thành fashionista của website
“Code không chỉ để chạy, mà còn phải đẹp!” – một nhà phát triển front-end nào đó từng thốt lên. Và đúng vậy, hành trình để biến một trang web từ “HTML mặc quần đùi” thành “giao diện ngầu đét” bắt đầu với CSS, rồi vươn lên SCSS, và đâu đó là @xf của giới quý tộc XenForo. CSS – Chân ướt chân...- Thanh Nguyệt
- Chủ đề
- biến css css forum development front-end học scss hướng dẫn lập trình lập trình web scss style css thiet ke giao dien tùy biến giao diện web development xenforo
- Trả lời: 0
- Diễn đàn: CSS
-
Cách dùng công cụ dành cho nhà phát triển Chrome
Chrome DevTools cho phép bạn kiểm tra nội dung trang, xem file được tải, tạo báo cáo hiệu suất chi tiết và nhiều hơn nữa. Bài viết tóm tắt các tính năng cơ bản và một vài công cụ nâng cao để bạn bắt đầu. Giới thiệu nhanh về Chrome DevTools Chrome DevTools là tập hợp công cụ được tích hợp...- Dev Pro
- Chủ đề
- chrome devtools css go loi html javascript tối ưu tốc độ trình duyệt chrome
- Trả lời: 0
- Diễn đàn: Tips and Guides
-
Loại bỏ tài nguyên chặn hiển thị (CSS và JavaScript)
Tài nguyên chặn hiển thị là những file quan trọng nhưng làm chậm việc hiển thị nội dung trang, ảnh hưởng đến các chỉ số Core Web Vitals như Largest Contentful Paint. Bài viết này giải thích những file nào gây chặn, cách phát hiện và các biện pháp để giảm thiểu tác động của chúng...- Dev Pro
- Chủ đề
- core web vitals css javascript largest contentful paint seo tài nguyên chặn hiển thị tối ưu tốc độ
- Trả lời: 0
- Diễn đàn: Tips and Guides
-
Tối ưu hóa đường dẫn dựng trang quan trọng
Nhận diện tài nguyên quan trọng và tải chúng sớm là cách hiệu quả để cải thiện tốc độ trang. Bài viết giải thích khái niệm critical rendering path và các bước thực tế để rút ngắn, giúp nội dung hiển thị nhanh hơn và nâng cao Core Web Vitals. Đường dẫn dựng trang quan trọng là gì? Khi một...- Dev Pro
- Chủ đề
- core web vitals css javascript lighthouse tối ưu tốc độ trang tối ưu webfont đường dẫn dựng trang
- Trả lời: 1
- Diễn đàn: Tips and Guides
-
Tutorial 2x Tùy biến giao diện XenForo bằng Style properties mà không đụng tới CSS
Tùy biến giao diện XenForo bằng Style properties mà không đụng tới CSS XenForo 2.3 tiếp tục mở rộng hệ thống Style properties – bộ công cụ giao diện trực quan giúp bạn điều chỉnh giao diện nhanh chóng mà không cần viết một dòng CSS nào. ✨ Vì sao nên dùng Style properties? ✅ Trực quan, dễ...- PVS
- Chủ đề
- css giao dien style properties tutorial 2.x tuy bien vnxf vnxf.vn xenforo 2 tutorial xenforo 2.3
- Trả lời: 0
- Diễn đàn: Tips and Guides
-
Addon 2x [MrOne] New Year Lights with CSS only - Đèn năm mới chỉ bằng CSS cho XenForo 2 2.2.0
[MrOne] New Year Lights with CSS only - Đèn năm mới chỉ bằng CSS cho XenForo 2 2.2.0 Tạo một add-on thay cho việc sửa đổi. Đèn lung linh sử dụng CSS thuần túy. Chúc các bạn thành công. Nguồn: Internet- PVS
- Chủ đề
- add-on 2.x css den lights nam moi new year new year lights with css only purchase vnxf vnxf.vn xenforo 2 xenforo 2 addons
- Trả lời: 0
- Diễn đàn: Add-ons Xenforo
-
Tutorial 2x Sticky thread separator (CSS) - Phân tách chủ đề ghim (CSS) cho XenForo 2.2
Sticky thread separator (CSS) - Phân tách chủ đề ghim (CSS) cho XenForo 2.2 Thêm css đơn giản để hiển thị các chủ đề quan trọng hơn. Trong template extra.less, hãy thêm cái này: .structItemContainer-group--sticky { border-left: 2px solid @xf-paletteColor3; padding-bottom: 5px...- PVS
- Chủ đề
- chu de css ghim phan tach separator sticky sticky thread separator (css) thread tutorial 2.x vnxf vnxf.vn xenforo 2 tutorial xenforo 2.2
- Trả lời: 2
- Diễn đàn: Tips and Guides
-
Tìm hiểu về CSS dễ hiểu nhất cho người mới bắt đầu
CSS là một phần không thể thiếu trong việc xây dựng website, CSS giúp website bạn trông đẹp mắt hơn, bố cục chi tiết rõ ràng hơn, đối vơi bất kì ai mới bắt đầu học thiết kế website thì CSS là một trong những kiến thức cơ bản giống như HTML mà bạn phải học cũng như học cách nhúng css vào html... -
Cách xác định vị trí phần tử với thuộc tính position trong CSS
Cách xác định vị trí phần tử với thuộc tính position trong CSS Trong CSS, các bạn có thể sử dụng thuộc tính position với các giá trị static, fixed, relative, absolute để xác định vị trí phần tử. Các thuộc tính CSS về vị trí phần tử giúp định vị phần tử trong trang, nó cũng sắp xếp phần tử này... -
Sử dụng thuộc tính CSS visibility để thiết lập ẩn hiện phần tử HTML
Sử dụng thuộc tính CSS visibility để thiết lập ẩn hiện phần tử HTML Trong CSS có một thuộc tính để chỉ ra một phần tử là ẩn hay hiển thị trên trang đó là visibility. Các giá trị nó nhận có thể là: visible hidden collapse Ẩn đi một phần tử bạn có thể dùng display: none hoặc visibility: hidden... -
Tìm hiểu thêm về thuộc tính display trong CSS
Tìm hiểu thêm về thuộc tính display trong CSS Thuộc tính display quy định ứng xử của box trên trang, và như các bạn cũng đã biết thì mọi phần tử trên trang đều có dạng hộp chữ nhật . Một phần tử dạng khối block nó chiếm toàn bộ độ rộng, với ngắt dòng trước và sau phần tử. Ví dụ sau sẽ chuyển... -
Sử dụng thuộc tính cursor trong CSS để thiết lập con trỏ chuột khi di chuyển trên các phần tử HTML
Sử dụng thuộc tính cursor trong CSS để thiết lập con trỏ chuột khi di chuyển trên các phần tử HTML Trong CSS có thuộc tính cursor cho phép bạn thiết lập kiểu trỏ chuột khi nó di chuyển trên phần tử. Ví dụ chuyển thành các icon: help, mũi tên, tay chỉ ... <span style="cursor:help;"> Bạn cần... -
Tìm hiểu định dạng cách hiển thị các link bằng CSS
Tìm hiểu định dạng cách hiển thị các link bằng CSS Trong CSS có các thuộc tính như: :link, :visited, :active, :hover và text-decoration . Những thuộc tính này sẽ hỗ trợ định dạng cách hiển thị các link của HTML. Định dạng liên kết Các liên kết (link) bạn có thể điều chỉnh bởi các thuộc tính... -
Tìm hiểu cách sử dụng CSS định dạng bảng HTML
Tìm hiểu cách sử dụng CSS định dạng bảng HTML Trong CSS có các thuộc tính như border-collapse, border-spacing, caption-side, empty-cells, table-layout . Những thuộc tính này sẽ hỗ trợ chúng ta định dạng bảng HTML. Định dạng bảng biểu Các hiển thị có thể định dạng lại bằng CSS border-collapse... -
Tìm hiểu thuộc tính danh sách (list) trong CSS
Tìm hiểu thuộc tính danh sách (list) trong CSS Chắc hẳn các bạn cũng biết sơ qua về danh sách (list) trong CSS, gồm có các loại như: ul, ol. Bài viết này sẽ làm rõ hơn về các thuộc tính list-style-type, list-style, list-style-image. Thiết lập kiểu danh sách list-style-type Các thuộc tính về... -
Tìm hiểu cách thiết lập chiều rộng, chiều cao của box CSS
Tìm hiểu cách thiết lập chiều rộng, chiều cao của box CSS Trong CSS có các thuộc tính như width, height cũng như min-width, min-height, những thuộc tính này sẽ giúp chúng ta thiết lập chiều rộng, chiều cao của box. Để thiết lập chiều rộng và chiều cao phần nội dung phần tử dùng thuộc tính... -
Tìm hiểu thuộc tính border trong CSS
Tìm hiểu thuộc tính border trong CSS Thuộc tính border trong CSS hay còn được xem là đường viền của phần tử. Để thêm đường viền cho phần tử, bạn cần chỉ ra các tham số: size độ rộng đường viền, style kiểu đường viền (nét liền, đứt, chấm ...) và màu đường viền. Thuộc tính border Cả ba tham số... -
Tìm hiểu về Box CSS
Tìm hiểu về Box CSS Các phần tử HTML được xem như các hộp chữ nhật (box), đây là mô hình để CSS dàn trang. Một box có các thành phần như: margin, border, padding, nội dung phần tử CSS trình bày các thành phần margin, border, padding theo thứ tự top, right, bottom, left Như vậy mọi phần tử...
