관리 메뉴

PC Geek's

티스토리 반응형 #2 스킨의 저해상도 모드에서 표시되지 않는 것 본문

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

티스토리 반응형 #2 스킨의 저해상도 모드에서 표시되지 않는 것

반응형 #2 스킨은 기본적으로 

1262픽셀, 738픽셀을 기준으로 화면 레이아웃이 바뀐다.

이것은 css파일에서 간단히, 입맛대로 고쳐줄 수 있다.


조금 생각해야 할 것은, 

1262픽셀 이상에서는 이렇게 표시되는 내비게이션 화면이,



738-1262픽셀 사이에서는 이렇게 두 줄로 표시된다. 카테코리열 하나, 나머지를 다 집어넣은 열 하나.아래 그림에선 두 열 사이가 많이 비는데, 이건 내가 스킨을 고치면서 아직 최적화가 덜 돼서 그렇다. 그런데 기본 모습도 꽤 비어 있다. 이 부분을 최적화시켜주는 게 다음 과제.



738픽셀 아래에서는 이렇게, 카테고리열만 한 줄로 표시된다.

커스텀 링크가 모조리 사라지는 게 문제다.

1) 가로 720픽셀이하가 아니라면 2열로 표시되도록 해주는 게 좋을 것 같다.

2) 화면에서 사라지는 문제를 해결하기 위해 본문 하단의 아래에 링크박스를 하나 넣어주는 건 어떨까. 다만, 이렇게 하면 메뉴가 2개가 되는 셈이라서 관리하기 번거롭고 난잡해질 수 있다. 



열폭이 넓어진다 해서 표시되는 글자수가 많아지는 것도 아니다.

이런 세세한 부분을 고쳐주는 게 다음 과제.


제일 작은 화면에선 저렇게 내비게이션모드(navi_on)에서 상단에 로고표시가 되는데 이 부분은 버그같이 느껴져서 고치는 것도 필요.


그리고 카테고리버튼을 눌러 내비게이션모드로 들어왔으면, 카테고리버튼자리가 X표버튼자리가 되어 더블클릭으로 메뉴가 없어지는 것도 직관적일 것이다. 윈도우 시작버튼처럼. 이것도 다음에 해볼 것.


이 글과 같은 분류글목록으로 / 최신글목록 이동
0 Comments
댓글쓰기 폼