2013년 4월 1일 월요일

구글 블로그 동적뷰 헤드바 고정시키기


구글 블로그 동적뷰 템플릿에서 스크롤을 내리면 위의 그림처럼 헤드바가 사라집니다. 아래 코드는 스크롤을 내려도 헤드바가 사라지지 않도록 고정시켜주는 코드입니다.

 #header .header-drawer.sticky{  
 margin-top: 0px !important;  
 position: fixed !important;  
 top: 65px !important;  
 -moz-transition: top 0.0s linear 0.0s !important;  
 -webkit-transition: top 0.0s linear 0.0s !important;  
 -ms-transition: top 0.0s linear 0.0s !important;  
 -o-transition: top 0.0s linear 0.0s !important;  
 }  

[대쉬보드 → 템플릿 → 맞춤설정 → 고급 → CSS추가] 의 자리에 붙여넣기 하시면 됩니다.



댓글 5개:

  1. 우오! 이런 기능이! 감사합니다.

    답글삭제
  2. 감사합니다. 이것두 쓰면서 불편했는데... ^^

    답글삭제
  3. 아, 제 블로그에 적용할려고 하니 안 되는군요.

    답글삭제