Bạn có thể thêm font chữ vào website wordpress với plugin. Nhưng nếu bạn không muốn sử dụng plugin của WordPress, bạn có thể thêm font chữ vào wordpress thủ công. Các bước làm việc này rất dễ: upload font vào tài khoản hosting của bạn, và thay đổi file …
Xem thêmCSS-CSS3
Sử dụng font Awesome css các icon đẹp cho web WordPress
Nếu bạn làm Front end thường xuyên css thì font Awesome có thể đã quá quen thuộc với bạn, với việc cung cấp số lượng icon lớn gần như rất đầy đủ cho bạn sử dụng mà không cần nhờ đến thiết kế. Dưới đây là một vài thông tin …
Xem thêmHtml, CSS, JS tạo menu 3 cấp, có trạng thái hover đẹp đơn giản
Bạn đang muốn tạo menu 2 cấp hay 3 cấp với trạng thái hover có thể thay đổi màu chữ, màu nền, và kèm hình ảnh trong menu vậy mời bạn tham khảo đoạn code dưới đây: [crayon-63da5404448f8937522283/] Demo: https://trinhhai.w3spaces.com/menu-3cap.html
Xem thêmHtml, JS, Css tạo Photo gallery giống instagram, view lightbox
Đây là đoạn code tạo bộ sưu tập ảnh đơn giản và thông dụng, khi click ảnh sẽ phóng to dạng lightbox để hiển thị ảnh to hơn, kèm nút điều khiển xem ảnh trước, sau để xem các ảnh khác. [crayon-63da540445973868757448/] Demo: https://trinhhai.w3spaces.com/photo-gallery-light-box.html Code gốc: https://www.w3schools.com/howto/howto_js_lightbox.asp
Xem thêmThuộc tính Opacity/Transparency trong CSS làm mờ ảnh, nổi chữ
Bạn muốn sử dụng hình ảnh làm background, nhưng khiến chứ khó đọc, nếu bạn làm mờ hình ảnh thì văn bản đè lên ảnh cũng sẽ bị mờ theo. Vậy làm thế nào để làm mờ ảnh background và văn bản ở trên ảnh vẫn hiển thị rõ dễ …
Xem thêmCách tạo tabs bằng HTML, CSS và Javascript
Các tab Hiển thị kiểu tabs phù hợp cho các ứng dụng web trang đơn hoặc cho các trang web có khả năng hiển thị các chủ đề khác nhau trên cùng 1 trang: Tạo các tab có thể chuyển đổi Bước 1) Thêm HTML: [crayon-63da54044619a750022144/] Tạo các nút để …
Xem thêmTạo Carousel Slider Gallery ngang với HTML, CSS and Jquery
Tạo Carousel Slider Gallery 3, 4 ảnh với HTML, CSS and Jquery. Hiển thị chạy ngang với nút điều khiển ở 2 bên có thể tùy chỉnh số ảnh slide hiển thị theo ý muốn. Tạo Carousel slide 2 ảnh đơn giản [crayon-63da54044663a044609490/] Nguồn: https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_slideshow_self Dưới đây là ví dụ …
Xem thêmLộ trình học thiết kế Web hiệu quả cho người mới bắt đầu
Phương pháp học lập trình web hiệu quả cho người mới bắt đầu Sau nhiều lần chia sẻ các dự án thi mình nhận được nhiều inbox nói về chia sẻ định hướng và phương pháp học lập trình web hiệu quả nên hôm nay mình viết bài này chia …
Xem thêmTạo Menu Responsive Navigation Bar cho mobile
Dưới đây là hướng dẫn tạo Menu reponsive phù hợp với màn hình mobile bằng CSS và Javascript Bước 1: Tạo menu với HTML: [crayon-63da540446aeb846801550/] Bước 2: Tạo hàm JavaScript [crayon-63da540446af4005495399/] Bước 3: CSS cho Menu [crayon-63da540446af8638663377/] Như vậy sau khi hoàn thiện toàn bộ code sẽ như sau: [crayon-63da540446afc581707424/] Nếu …
Xem thêmCSS tạo nút bo góc (border-radius) và đổ bóng (box-shadow) đẹp
Bạn muốn tạo nút bấm trên website nhìn đẹp và chuyên nghiệp với bo góc mềm mại và đổ bóng xung quanh, khi di chuột qua (hover) sẽ đổi màu nền background và màu chữ. Bạn có thể tham khảo đoạn html và css dưới đây: [crayon-63da540446e6d697751203/]
Xem thêm