본문 바로가기

상단바 고정

article-rep-thumbnail 티스토리 WHATEVER 스킨 수정 ② 상단 메뉴 고정-본문 위치 아래로 이동 지난 시간에는 WHATEVER 스킨 상단바(상단 메뉴바, 헤더, HEADER) 고정하는 방법에 대해서 알아봤었는데요. 이번 시간에는 상단 메뉴 고정 후 필요한 추가 작업에 대해서 살펴보겠습니다. 헤더가 고정되면 그 높이만큼 겹쳐지는 부분이 생기는데요. 메인 커버, 카테고리 목록 (리스트형 or 섬네일형), 본문 화면에서 이 부분을 수정해줄 거예요. 가려지는 상단 메뉴바 높이만큼 위치를 아래로 이동시켜보겠습니다. 그리고 본문 제목 폰트 사이즈, 색상 변경, 줄 간격 수정 등을 해보겠습니다. 제목이 들어가는 부분은 기본적으로 3줄로 구성되어 있는데요. 카테고리명, 제목, 닉네임으로 되어 있습니다. 그 줄 간격을 수정해 볼 거예요. 첫 번째, 커버 화면은 설정에 따라서 다를 텐데 저 같은 경우 저는 슬라이더가.. 2019. 4. 24.
article-rep-thumbnail 티스토리 WHATEVER 스킨 수정 ① 상단바 (헤더, HEADER) 고정하는 방법 WHATEVER 스킨으로 교체한지 얼마 되지 않았는데, 다른 분들이 사용하시는 스킨을 구경하다 보니 마음에 드는 스킨이 참 많네요. 그중에서 "고래의 개인노트" 운영자님이 무료 배포 중이신 스킨이 딱 마음에 들었어요. 스킨 수정 작업하느라 애를 많이 먹었는데 또 바꿔야 하나 고민을 좀 했습니다. 하지만 모바일 버전에서는 WHATEVER 스킨이 조금 더 마음에 들어서, 우선은 그대로 가는 걸로 결정했습니다. 이번 시간에는 상단바(상단 메뉴바, 헤더, HEADER) 고정하는 방법에 대해서 알아볼 텐데요. 본문 글을 다 읽은 후 메뉴를 클릭하기 위해 상단으로 다시 올라가야 하는 것은 참 불편한 일이죠. 헤더를 고정하거나 아니면 본문 맨 아래에 위로 가는 화살표 버튼을 생성해줄 필요가 있겠습니다. 우선, 처음 .. 2019. 4. 22.