Share Code Web - Chia sẻ niềm đam mê bất tận > Lập trình > Web Design > HTML/CSS > Hướng dẫn thiết kế navigation giống với Google Play Store
Hướng dẫn thiết kế navigation giống với Google Play Store
Nguyễn Trung Hiếu
Share Code Web Company 2013

Hướng dẫn thiết kế navigation giống với Google Play Store

Haha, lượn lờ trên mạng tình cờ lại phát hiện ra cái tutorial này thấy hay hay nên share lại cho các bạn đam mê thiết kế, đó là chúng ta sẽ thiết kế một navigation giống với Google Play Store

Khỏi giới thiệu nhiều, bạn vào Google store sẽ biết menu ấy mặt mũi nó ra sao. Nếu không thì có thể tự mình thực hành theo tutorial này sẽ ra thành quả ngay ấy mà 😀

design navigation like google play store

design navigation like google play store

Thiết kế khung HTML

Các bạn thiết kế như cấu trúc dưới đây

Tiếp theo là CSS

Mấy đoạn có base64 các bạn không cần phải lo lắng, đấy là đoạn load ảnh biểu tượng ở mỗi link thôi mà.

Cuối cùng là Javascript

Bạn vứt đoạn js này vào phần head của file html nhé.

Vậy là xong một navigation cực hay rồi nhé. Chúc các bạn học tốt!

Related Posts

Tác giả: Nguyễn Trung Hiếu

Một blogger ... cùi bắp! Đơn giản: tôi muốn ghi lại những gì xảy ra xung quanh, cả công việc lẫn cuộc sống và chia sẻ với các bạn đọc. Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn. Email: hieunt.dcn@gmail.com

http://sharecodeweb.net/?s={search_term_string}