Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Series tùy chỉnh Checkbox & Radio cũng như những kinh nghiệm cần chú ý!

Chủ đề thuộc danh mục 'HTML - CSS - JS - PHP - ASP' được đăng bởi tuds, 1/7/16.

Lượt xem: 1,381

  1. tuds Thành viên cấp 1

    ## Intro khởi tạo checkbox radio và những kinh nghiệm cần chú ý

    Series chia sẻ việc các bạn có thể tùy chỉnh lại style cho radiocheckbox phù họp với giao diện website cũng như là phụ hợp với tất cả các hệ điều hành khác nhau.

    Ngoài ra trong series cũng chia sẻ có bao nhiêu cách để tùy chỉnh style cho radiocheckbox ví dụ như bằng CSS, CSS + IMG, CSS + FONT .v.v....

    Cũng như trong series còn chia sẻ việc tùy chỉnh lại radiocheckbox cho thư viện bootstrap.



    ## 01 Khởi tạo html checkbox và radio

    Ở video này chúng ta sẽ bắt đầu tìm hiểu và khởi tạo html radiocheckbox, các thuộc tính checked disable của radiocheckbox



    ## 02 Các giá trị liên quan checkbox và radio

    Ở video này chúng ta sẽ tìm hiểu các giá trị cần thiết của checkbox& radio cũng như là ý nghĩa của nó.



    ## 03 Tùy chỉnh html: CSS thay thế Checkbox mặc định

    Ở video này chúng ta bắt đầu tùy chỉnh checkboxradio mặc định bằng CSS



    ## 04 Tùy chỉnh CSS để có Hover và :checked của input[type=" checkbox"]

    Ở video này chúng ta sẽ tiến hành tùy chỉnh vào Hover cũng như là :checked của input checkbox



    ## 05 Tùy chỉnh thuộc tính Checked cũng như Disable của Checkbox

    Ở video này chúng ta sẽ đi vào việc tùy chỉnh :checked cũng như :Disabled của input.



    ## 06 Tùy chỉnh CSS cho Radio

    Video giúp tùy chỉnh thuộc tính mặc định của radio bằng CSS các thuộc tính hover checked disabled






    ## 07 Custom Css Checkbox & Radio

    Ở video này giúp cho chúng ta giảm thiểu những CSS dư thừa mà chúng ta đã viết cho cùng 1 chức năng



    ## 08 P1 Tạo Checkbox & Radio bằng kỹ thuật Sprite

    Link down ảnh: https://i.imgur.com/PIjBaZK.png
    Ở video này sẽ giúp chúng ta tiếp cận với kỹ thuật Sprite giúp cải thiện tốc độ load website cũng như khá dễ dàng sử dụng css để làm việc với hình ảnh sprite







    ## 09 Tạo Checkbox và Radio bằng Fontawesome
    Ở video này chúng ta sẽ tiến hành việc custom checkboxradio bằng cách sử dụng font-awesome









    ## 10 Thay đổi style Checkbox và Radio vào Bootstrap
    Ở video này chúng ta sẽ tận dụng những gì đã làm được ở các bài trước CSS, sprites img css hoặc font awesome để tạo nên các style cho RadioCheckbox của Bootstrap 1 cách nhanh chóng và hiệu quả.



    ## 11 Kết thúc series và những điều cần chú ý

    Ở video này mình xin chia sẻ nơi mà các bạn có thể tìm kiếm source code để dễ tìm hiểu và theo dõi lại project của mình


    ...
    Chỉnh sửa lần cuối: 11/7/16
Từ khóa:

Ủng hộ diễn đàn