티스토리 toolbar(menubar) 없애는 것은 가능한데 위치변경은 좀...

티스토리에서 제공하는 반응형 웹페이지의 헤더를 강제로 fixed(플로팅 된 제목)를 시켜버리니, 뒤에 있는 티스토리 툴바 일부를 사용 못하게 되었다. 이는 html 태그 中 z-index에 의한 것으로 헤더를 위에 띄우다 보니 그에 가려 툴바가 사용 못하게 된 것이다.

그리하여 위치를 변경하려 코드를 보니... html이나 css에 작성 된 것이 아니라, 티스토리 본사(?)에서 참조해서 값을 받아오는 형식이라 수정하기가 어려워졌다.

 

우선 #tistorytoolbarid { display : none; } 

이 코드로 툴바는 간단하게 없앨 수 있지만 요즘은 설정에 들어가서도 툴바를 없애는 것은 가능하다.

위치를 옮기려고 하니 애초에 받아오는 코드에서 style로 지정 해 버렸으니...

없애버리고 새로 만들려고 하니... 

일일이 코드치고 새로 만들기가 부담스럽다.

 

이에, z-index를 수정하기로 했다.

코드를 자세히 분석하니 toolbar z-index가 11로 되어있었다.

처음에 10으로 집어 넣으니 헤더가 다른 객체에 의해 가려지는 현상이 발생하여 11을 넣었는데 만족스러운 결과값을 얻을 수 있었다.

 

현재는 가려졌던 툴바도 다시 사용 할 수 있게 되었으니 참고하길 바란다.(로그인 및 즐겨찾기 가능)