마크쿼리 스켈레톤 반응형스킨 상단헤드 메뉴바(navbar) 고정방법

마크쿼리 스켈레톤(skeleton) 반응형스킨 상단 헤드 메뉴바(navbar) 고정방법

일전에 마크쿼리 반응형 스킨 상단의 헤드 메뉴를 어떻게 고정하는지 궁금해서 댓글을 다신 분이 있었는데

상단의 헤드메뉴바를 고정하여 쓸수 있는 방법은 간단합니다

스켈레톤 스킨의 상단 메뉴헤드를 고정은, 마우스 스크롤 해도 항상 상단에 메뉴바가 보이게 할수 있습니다

head 쪽 navbar에 nav-fixed 추가 및 스타일시트 body 한줄 50px 주석만 제거하면 고정이 됩니다 다른 방법도 있습니다만 간단한 방법이죠

맨땅에 헤딩하면서 시행착오를 하며 테스트를 해보는 편인지라 반응형 스킨등 관련된 지식은 조금 부족해서 배우고 있습니다



마크쿼리 스켈레톤 반응형 스킨 상단의 헤드메뉴 (navbar) 고정


html에서 아래의 header 쪽에 nav-fixed 를 추가하면 됩니다



다음으로 스타일시트(style.css)에 가서 padding-top : 50px 이 주석처리 되어 있는데 이 주석을 제거하면 됩니다


참고: CSS부트스트랩 메뉴얼 가기

마크쿼리 반응형 3.05 다운로드(티스토리 스킨)

스켈레톤 반응형 스킨은 심플해서 상단에 이미지를 넣거나 헤더에 색상을 넣으면 조금 나을수도 있는데 관뒀는데요 디자인에 대한 감각이 있는 분들은 많이 수정해서 쓰시더 군요

이상으로 스켈레톤 마크쿼리 반응형 스킨 상단 메뉴바 고정하는 방법이였습니다

2014/11/22 - 블로그 SNS 공유버튼 달아 트래픽을? 로그인 필요 없는 sharebutton

2014/09/19 - 티스토리 어떤 반응형스킨 적용을 할 것인가 지금까지 써본 반응형스킨들

2014/07/27 - 티스토리 블로그를 반응형 스킨(fastboot)으로 변경 했다 그러나 티에디션은?

신고
* 본문글을 불펌 재배포 금지하며 위 글의 링크만 허용함 [자세히]