관리 메뉴

PC Geek's

티스토리 반응형 #2 스킨의 내비게이션 화면에 닫기버튼 추가 본문

프로그램/알림글, 블로그 유지 관리

티스토리 반응형 #2 스킨의 내비게이션 화면에 닫기버튼 추가

아래와 같은 식입니다.
노랑색 동그라미친 X표 버튼은 원래 없었죠. 기본 스킨에선 오른쪽에만 있습니다.

내비게이션 화면이 닫혀 있을 땐 그 자리가 내비게이션 화면을 여는 버튼입니다.
그래서 더블클릭하면 열었다 닫았다가 됩니다. 화면을 연 다음 닫을 때 커서를 움직일 필요가 없습니다.


skin.html에 한 줄 추가해주면 됩니다. 클래스를 새로 만들진 않았고 그냥 자리만 옮겨주었습니다.

style.css는 건드리지 않았습니다. 해당하는 부분:


그런데 이렇게 하면, 화면폭이 줄어들 때 반응형 화면에서 보이는 엘레멘트와 새로 집어넣은 X표가 겹치가 됩니다. 그래서 그 부분을 X표의 오른쪽으로 조금 밀어 고쳐줍니다.

하지만 여기까지 해놓고 보니 화면폭을 바꿀 때 예쁘지가 않고, 됐다 안됐다 해서, 완성은 아니고 일단 적어만 둡니다.





이 글과 같은 분류글목록으로 / 최신글목록 이동
Comments
Viewed Posts
Recent Comments
Recent Posts