Để có một website chuyên nghiệp và bắt mắt thì điều quan trọng tạo nên nó chính là font chữ hiển thị trên website, ngoài thư viện có sẵn, nổi bật là Google Font thì bạn có thể tự cài thêm cho website của mình nhiều font chữ khác nhau. 1. Các font an toàn Trước khi nói đến vấn…
Danh mục:
PHP/HTML/CSS/JS
-
-
Một trang web có hỗ trợ Đa ngôn ngữ sẽ thu hút được độc giả trên toàn thế giới. Nó hiển thị nội dung của nó bằng các ngôn ngữ khác nhau dựa trên lựa chọn của người dùng. 1. Giới thiệu Có nhiều trang web sử dụng đa ngôn ngữ, có khi hỗ trợ hơn 50 ngôn ngữ, vì…
-
Dark Mode là cái gì đó vô cùng hiện đại ở thời buổi bây giờ, thiết bị nào cũng có dark mode và website cũng phải có dark mode để giúp người đọc đỡ mỏi mắt khi dùng vào ban đêm. 1. Dark Mode cho WordPress Tích hợp Dark Mode cho WordPress vừa dễ dàng và vừa đơn giản chỉ…
-
Bài viết này sẽ hướng dẫn bạn cách mà chuyển hướng cho các mục tiêu khác nhau bằng cách sử dụng Javascript, cách này có thể áp dụng trên các file html hoặc php đều được. Với việc chuyển hướng url bằng javascript này tiện, nhanh nhưng vẫn còn rất hạn chế hơn việc chuyển hướng bằng .htaccess Các bài…
-
Bạn có thể sẽ gặp phải trường hợp mà bạn muốn giữ nguyên tỷ lệ khung hình ban đầu và nếu giữ nguyên tỷ lệ khung hình thì hình ảnh bị méo do bị kéo giãn theo khung. Một giải pháp phổ biến cho vấn đề này là sử dụng thuộc tính CSS background-image. Trong bài viết này, chúng ta…
-
Bạn đang gặp phải một vấn đề mà website của mình khi responsive, các dòng text nó cứ phá vỡ theme yêu quý của mình. Trong bài viết này mình giới thiệu tới các bạn một cách khác, đó là sử dụng thuộc tính text-overflow trong CSS. Cắt 1 dòng Cú pháp: Giải thích: white-space: nowrap Ngăn k cho đoạn…
-
Như bài viết trước, mình đã giới thiệu cho các bạn về Flexbox CSS, xem tại đây. Trong bài này mình sẽ nói chi tiết hơn về Flexbox CSS Xác định hướng chính Bên dưới là hình mô tả về 2 hướng của website, bao gồm hướng đứng và hướng ngang Để tránh bị nhầm lẫn bởi các thuộc tính…
-
Để trả lời được câu hỏi, liệu flexbox có thể thay thế được float thì chúng ta phải tìm hiểu chúng là gì và chức năng của chúng như thế nào. Float là gì? Float là CSS, dùng để chỉ định đối tượng nằm về phía trái hoặc phải, thuộc tính này có thể đưa 1 hoặc nhiều đối tượng…
-
Tết tết tết đến rồi! Để trang trí cho website yêu của chúng ta, các bạn chỉ cần làm 1 vài thao tác nhỏ sau. Cách này áp dụng trên tất cả website như WordPress, Joomla, NukeViet hoặc Blogspot Đoạn code 1: Chèn trong thẻ <head> Đoạn code 2: Chèn dưới footer Thế là xong! Chúc các bạn thành công
-
Thủ Thuật WebPHP/HTML/CSS/JS
Hướng dẫn tạo hiệu ứng tuyết rơi đón Giáng sinh bằng javascript
bởi Vi NèNăm nào cũng có giáng sinh, vì thế cứ tới mùa giáng sinh thì mọi web đều đua nhau tô lên những không khí đúng chất của nó. Để làm được 1 site tuyết rơi, vô cùng đơn giản, hãy lướt qua đều đều bài viết dưới nhé. Bước 1: Chèn đoạn script bên dưới trong phần head của trang…
-
Menu là một bộ phận không thể thiếu trên các website, nhưng để làm nó theo trend hoặc trở thành điểm nhấn cho website thì có mấy ai làm được. Menu di chuyển theo màn hình khi kéo chuột theo web làm cho khách truy cập trở nên thích thú hơn và thấy tiện lợi hơn. Xem DEMO Để làm…
-
First child hay đầy đủ là :first-child Selector là vùng chọn được sử dụng cho danh sách (list) trong CSS. Ở hình trên bạn thấy rõ ràng danh sách có 5 mục, trong đó mục đầu chữ màu xanh nhờ việc ứng dụng :first-child, 4 mục còn lại chữ màu đen như mặc định. Cú pháp CSS của nó có…