저는 3 개의 섹션 (왼쪽과 오른쪽으로 2 개, 가운데에 1 개)으로 웹 페이지를 만들고 있습니다. 응답하기 위해서는 왼쪽 섹션을 숨기고 버튼을 눌렀을 때만 열어보기를 원합니다. 햄버거 버튼을 구현하고 싶었습니다. HTML과 CSS를 통해 어떻게 디자인 할 것인가?내 웹 페이지에 햄버거 버튼을 구현하는 방법은 무엇입니까?
답변
참고로이 Answer을보십시오. 이것이 바로 당신이 성취하고자하는 목표입니다.
HTML, CSS 및 웹 개발을 처음 사용하는 경우 먼저 w3schools을 사용하여 몇 가지 기본 사항을 먼저 익히십시오.
유감스럽게 생각하지만 도움이되지 않습니다. 내 웹 페이지에 "햄버거 버튼"을 구현하는 데 관심이 있습니다. 거기에서 배울 수 있도록 소스를 제공해주십시오. –
구현하고자하는 코드를 직접 얻을 필요가 없습니다. 햄버거 버튼은 버튼 그래픽 일뿐입니다. 직접 수행 할 작업을 프로그래밍해야합니다. 내가 제공 한 링크를 사용하여 페이지 분할 중 하나를 사용하여 햄버거 버튼을 클릭하면 자신을 표시하거나 숨길 수 있습니다. 이것을 사용하여 달성하고자하는 것을 구현하십시오. https://lmjabreu.com/post/why-and-how-to-avoid-hamburger-menus/ –
here을 방문하여 완료 방법을 확인하십시오. 반응이있는 디자인을 위해 부트 스트랩이나 기타 CSS를 사용하고 있다면,이 웹 사이트를 살펴보기를 강력히 권한다. 또한 게임을위한 앱이 있습니다. 사이트를 탐색하십시오. 붙여 넣기 만하면됩니다. 행복한 디자인.
- 1. 웹 페이지에 "다른"버튼을 추가하는 방법은 무엇입니까?
- 2. 햄버거 아이콘이있을 때 뒤로 버튼 기능을 구현하는 방법은 무엇입니까?
- 3. 내 웹 페이지에 IObjectSafety를 구현하는 방법
- 4. 한 페이지에 하나 이상의 facebook iLike 버튼을 구현하는 방법은 무엇입니까?
- 5. 내 웹 페이지에 shellinabox를 삽입하는 방법은 무엇입니까?
- 6. 웹 사이트에 소셜 공유 버튼을 구현하는 가장 좋은 방법은 무엇입니까?
- 7. PrimeFaces Mobile 페이지에 버튼을 배치하는 방법은 무엇입니까?
- 8. MySQL 데이터베이스를 웹 페이지로 구현하는 방법은 무엇입니까?
- 9. UWP에서 슬라이딩 패널을 구현하는 방법은 무엇입니까?
- 10. 웹 페이지에 버튼을 넣는 것
- 11. Simulink Subsystem Mask에 버튼을 구현하는 방법은 무엇입니까?
- 12. iPhone에서 라디오 버튼을 구현하는 방법은 무엇입니까?
- 13. 이미지가 있지만 테두리가없는 버튼을 구현하는 방법은 무엇입니까?
- 14. Xcode 4.3에서 분할 버튼을 구현하는 방법은 무엇입니까?
- 15. css 햄버거 메뉴가 페이지에 맞지 않습니다.
- 16. PYTHON에서 웹 페이지에 양식을 제출하는 방법은 무엇입니까?
- 17. Bing Map을 웹 페이지에 추가하는 방법은 무엇입니까?
- 18. 데이터를 웹 페이지에 자동 병합하는 방법은 무엇입니까?
- 19. 내 웹 페이지에
- 20. 유명한 모바일 디자인 햄버거 사이드 메뉴를 구현하는 방법?
- 21. 각 재료에 햄버거 버튼을 추가하는 방법
- 22. 내 웹 페이지에 사용자 스크립트 설치 버튼을 어떻게 추가합니까?
- 23. 내 웹 사이트에서 "google을 사용하여 로그인"을 구현하는 방법은 무엇입니까?
- 24. 내 웹 사이트에 타밀어 글꼴을 구현하는 방법은 무엇입니까?
- 25. 스크립트가 자동으로 웹 페이지에 로그인하여 버튼을 클릭하십시오.
- 26. 내 wordpress 사이트에 Ajax를 구현하는 방법은 무엇입니까?
- 27. 내 웹 페이지에 자바 애플릿을 삽입하는 가장 좋은 방법은 무엇입니까?
- 28. 내 웹 페이지에 툴팁을 표시하는 가장 쉬운 방법은 무엇입니까?
- 29. UIBarButtonItem에 햄버거 아이콘을 넣는 방법은 무엇입니까?
- 30. 내 웹 페이지에 대한 코드를 임베드
이 경우 자바 스크립트도 사용해야합니다. 나는 단순히 HTML과 CSS에서 그렇게하는 방법이 없다고 생각한다. –