본문 바로가기

전체 글

 (42)
05 - 25 검은사막 메인 페이지 마크업 (8) - 사이드 메뉴 (2) :: 오늘도 화이팅, 사이드 메뉴 우측 좌측 전부 완료하고 세세한 오류나 레이아웃 밀리는게 있는지 확인하고 정리 + w3c validator 검사하고 웹표준 적용하기 ( 우선은 여기까지 ) 어제 못했던 background 이미지 가운데 + 탑에 오게하는 방법 + ul li 테두리 2줄로 주는 방법 연구 + 나머지 기타 레이아웃들 수정 막히는 부분이 많으면 오히려 좋음. 공부가 많이 됨. ㄱㄱ 백그라운드부터. :: i 태그 위치 변경 :: i 태그 앱솔루트로 변경, ( a를 블락화했기 때문에 넓이 다 차지한 상태 ) 이 상태에서 i를 수직정렬하는 법. :: top:33% 추가 :: background-size: 100퍼를 주니 해결. 일단 이렇게 하면 아래 height값이 짤림. 조절 필요. :: 저거 해..
05 - 24 검은사막 메인 페이지 마크업 (7) - 사이드 메뉴 :: 4k 데스크탑 모니터에서 확인 시 이런 식으로 화면이 짤리는 현상 발생 :: 섹션 안에 비디오태그나 div박스에 width:100%를 줘도 이런 식으로 전부 적용이 안됨. -> height값을 880px로 고정해서 그런거였음 ( 반응형일 때만 880px로 해놓고 평상시엔 height값 고정시키지 않는걸로 해결 ) = 그런데 이렇게 해도 맘에 들지는 않음. 메인 사이트는 영상의 height가 화면의 너비만큼 차지하도록 딱 되어있는데 height값을 오토로 두다보니까 메인 페이지가 영상에 따라 너무 길어지는 효과가 남. :: 그리고 추가로 비디오의 위치가 height 100%를 줘도 너무 아래 공간을 많이 차지함. 웹 사이트 화면의 100%만 차지해서 스크롤을 바로 내리면 아래 메뉴가 보이게끔 하는 1..
05 - 24 검은사막 메인 페이지 마크업 (6) - 메인 반응형 :: 1025px일 때 메엔 반응형 ( 태블릿모드 ) 윗 상단 헤더 삭제, 로고가 가운데에 위치, nav li 들 삭제, 왼쪽엔 햄버거 메뉴 오른쪽엔 사람 아이콘 메뉴 배치 ( xeicon, float ), 메인 동영상 -> 이미지 교체, 폰트 사이즈, 버튼 사이즈 조정, 메인 높이 값 조정, main video width 100% 해제 , height값 추가 왼쪽 햄버거 메뉴를 선택하면 왼쪽에서 사이드 메뉴가 나오게끔. 양쪽 메뉴 html 추가해주고 평소엔 안보이고 모바일 사이즈가 되면 나오게끔. 이 사이드 메뉴 html도 새로 추가 필요. :: 모바일 반응형 작업하는데 저 흰색 공간이 안 없어지는 문제 발생 :: 얘 때문에 그랬던거였음 height값 초과 header .main_header img {..

티스토리툴바