Bạn cần tạo trang đăng ký cho phép người dùng nhập dữ liệu từng bước (Step) để tới (Next) trang/form tiếp theo hoặc quay lại trang trước đó (Previous), bước cuối cùng bạn có thể nhấn Submit để gửi form đăng đăng ký. Để làm việc này nếu sử dụng …
Xem thêmHTML-HTML5
Share code Game HTML5 – 71 trò chơi HTML5, Javascript Free
Chia sẻ code 71 Games Pack HTML5 Responsive miễn phí dành cho các bạn làm web game phù hợp với tất cả thiết bị máy tính hay điện thoại thông minh. Mã nguồn 71 trò chơi HTML5, Javascript bao gồm 1. Archer Hero html5 game v1.0 2. Dribble kings html5 …
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-63da66ca1e8a9258410899/] 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-63da66ca1ec86584192730/] 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-63da66ca1f655504242102/] 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-63da66ca1fc3e230174794/] 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-63da66ca202b0224744420/] Bước 2: Tạo hàm JavaScript [crayon-63da66ca202bc526262358/] Bước 3: CSS cho Menu [crayon-63da66ca202c0213597008/] Như vậy sau khi hoàn thiện toàn bộ code sẽ như sau: [crayon-63da66ca202c4495667684/] Nếu …
Xem thêmCode Javascript đếm ngược hiện text và tự động copy to Clipboard
Gần đây bạn hay gặp các trang yêu cầu lấy pass giải nén file .rar yêu cầu bạn phải truy cập vào trang và đợi thời gian đếm ngược để hiển thị text (mật khẩu) để bạn copy vào giải nén file. Nếu bạn cũng muốn làm code như vậy …
Xem thêm