본문 바로가기

전체 글

 (42)
05 - 23 검은사막 메인 페이지 마크업 (5) - 메뉴 반응형 :: 1300px 일 때, 다운로드와 고객센터가 안보이고 더 보기가 활성화 더 보기가 평소엔 비활성화 우선 메뉴부터, 천천히 보이고, 안보이고, :: 반응형에서 적용 안되면 선택자를 하나 더 써주자. :: 이렇게 설정을 하면 공간만 차지하고 보이지만 않게 되는 문제 ::1350px 기준. 제이쿼리가 자동으로 height값을 조절해줘서 그런거였음. 반응형으로 css. * 1300px 반응형 상태에서 더보기 메뉴 레이아웃 조정 * 각 메뉴마다 글자만큼이 아닌 메뉴 넓이만큼 선택범위 확대 height : auto 로 수정, 선택자 > 로 수정 ( >를 안하면 안에 li들까지 전부 적용이 되어버려서 레이아웃이 깨짐 ) :: 성공! ::1200px 커뮤니티 메뉴 더보기 안으로 굿 마지막으로 :: 1100px일 때..
05 - 22 검은사막 메인페이지 마크업 (4) - 메뉴 제이쿼리 (2) * 사이즈를 조금 줄이면 버튼이 내려가는 문제 ( 미디어쿼리로 반응형 분기 잡아주기 작업 필요 ) *1330px -> 다운로드 메뉴가 더 보기 안에 병합 기존에 다운로드, 고객센터의 메뉴가 사라지고 추가로 더보기 메뉴가 추가되면서 그 안에 또 다른 메뉴가 생기는 식 ( 아예 레이아웃이 새로 추가되고 바뀜 ) 일단 유튜브나 구글링 없이 어떻게 짤지 고민 후 어떻게든 해보고나서 그 후 판단 ( 새로운 형식의 반응형 ) 어떻게 짜볼까? :: 반응형 테스트 ( .main_ul > li:child 로 하면 적용이 안되었다가 앞에 클래스를 하나 더 붙여주니 다시 스타일 적용됨 ) 메뉴에 히든메뉴 하나 추가하는 방식으로? html 마크업 추가 이런 식으로 반응형 대비 더보기 히든 버튼을 추가하고 토글로 들어가는 메뉴..
05 - 22 검은사막 메인 페이지 마크업 (3) - 메뉴 제이쿼리 메뉴에 드롭다운 애니메이션 넣어주기 위한 제이쿼리 추가 + 스크립트 연결 각 메뉴 위드값 설정 서브 메뉴 z-index 값 조절 ( 본문 h2에 묻히지 않게 ) 틀은 완료 + 제이쿼리 붙여주기 + css animaition ( 밑줄 효과 , 마우스 호버 효과 ) $(this) 사용. ( 각각의 li들 선택해주는 효과 ) addclass 아니면 slideToggle, Slidedown 등을 쓰면 될 것 같은데 제이쿼리 제일 최신의 버전 올려서 했는데 동작을 안하는 문제가 발생 도큠넷을 도큐멘트로 수정 의외로 이런 실수들이 많이 나오는듯 여튼 테스트. 일단 그래도 안됨. 동작을 안함. 재 확인 필요. 선택자를 바꾸니까 제대로 동작함. 아마 선택자 문제였던 것으로 보임. 선택자 다시. 이유 -> nav에 바로..

티스토리툴바