블로그팁 티스토리툴바 숨키기

티스토리 툴바 사용자 메뉴


티스토리 블로그에는 오른쪽 상단에 로그인시 나타나는 툴바 부분이 있습니다. 만약 블로그 스킨의 오른쪽 상단에 방명록이나 기타 사용자 메뉴를 두었을 경우 이 두개의 메뉴가 서로 겹치면서 두개 중 하나를 누를 수 없는 경우가 생길 수 있습니다. 당연 모니터 해상도가 크고 브라우저를 크게 켜서 보는 분은 불편하지 않을 수 도 있습니다만, 브라우저를 좁게 해두면 두개의 메뉴가 겹쳐서 블로그에 방문한 유저가 방명록에 글을 못남기는 경우가 생길 수 도 있죠. 웹표준를 거론할 때도 의미적으로 사용자의 행동을 방해하는 것이 있다면 틀린것으로 봅니다. 두개의 메뉴를 겹치게 해놓는것도 이것에 해당하죠. 블로그팁으로 티스토리툴바 숨키기 방법을 알아봅시다.


티스토리 툴바 사용자메뉴 겹치는 실제 상황


티스토리 블로그팁 티스토리툴바 숨키는 방법


어느 블로거분의 상황을 실제로 연출해보았습니다. 다른분의 블로그에 제가 유저로서 방문을 했고, 티스토리 로그인이 되어있는 상태입니다. 블로그의 오른쪽 상단을 보면 GUESTBOOK , WRITE, ADMIN 등 스킨에 있는 메뉴가 보이고 그 위에 다시 티스토리 툴바도 함께 보입니다. 브라우저를 좁게하면 겹치는 현상은 더 심해집니다. 즉 티스토리 관리자메뉴는 오른쪽 상단에 위치가 고정되어 있어서 블로그 스킨을 보통 만들 때 최상단은 어느정도 여백으로 비워두게 되는데 그 공간을 만약 비우지 않게 되면 저렇게 겹치게 되는것이죠.

해결방법은 두가지 입니다. 스킨의 메뉴의 상단에 여백을 두어 메뉴를 조금 아래로 내리는 방법이 있으며, 티스토리 관리자 메뉴를 보이지 않게 하는 방법이 있습니다. 스킨의 메뉴를 아래쪽으로 끌어내리려면 자신의 스킨의 스타일을 살펴보고 메뉴부분 상단에 여백을 두면 되겠죠. 다만 스킨의 형태가 달라지기에 잘 보고 선택해야 할 것입니다.

좀 더 간단한 방법으로 해결하는 방법이 있습니다. 티스토리 툴바 를 보이지 않게 하는 것 이죠. 티스토리 툴바 는 블로그에 접속한 유저가 사용할 가능성은 거의 없고, 블로그 주인 마저도 관리자 페이지에서 모두 관리할 수 있는 내용이기 때문에 안보이게 숨켜도 괜찮다는 것이죠.



티스토리 툴바 숨키기 원리


티스토리 블로그팁 티스토리툴바 숨키는 방법


티스토리 툴바 부분은 티스토리 설정상 형태는 바꿀 수 있지만, 항상 나타나도록 되어 있습니다. 나타나지 않도록 옵션을 지원한다면 좋겠지만, 아직은 미지원이죠. 티스토리 툴바의 id 는 tistorytoolbarid 입니다. 이 부분을 보이지 않도록 설정하면 사라지게 됩니다.



티스토리 블로그팁 티스토리툴바 숨키는 방법


CSS 를 조절해서 티스토리 툴바를 사라지게 했습니다. 오른쪽 상단을 보면 블로그의 메뉴가 재대로 보입니다. 사용자가 불편하지 않겠죠.





티스토리 툴바 숨키기


티스토리 블로그팁 티스토리툴바 숨키는 방법



#tistorytoolbarid { display: none; }


위 한줄을 복사 후 자신의 스킨관리에서 style.css 의 가장 하단에 붙여넣기를 합니다. 이제는 더이상 티스토리 툴바가 보이지 않게 됩니다.

신고

이 글은 "씨디맨" 의 동의 없이 전문 재배포 금지. 링크 및 트랙백은 허가 없이 무제한 허용 *  [자세히보기]

질문 또는 댓글을 남겨 주세요.

질문글은 무조건 답변 드리겠습니다. 이곳에 질문을 올려주세요.
이 글과 연관이 없는 급한 질문은 빠른 질문/답변을 이용해 주세요!

댓글 입력 폼

:)   :(   --;   :D   :O   :x   r:r   g;g   i;t   s;s

     이미지 업로드  [무료이미지 업로드 방법 설명]

  1. K.나미 2010.06.27 14:54 신고

    유용한 정보 감사합니다. ^^

    perm. |  mod/del. |  reply.
  2. LiveREX 2010.06.27 14:55 신고

    언제나와 같이 역시 좋읕팁~ 거슬렸는데 없애야 겠당 ㅎㅎ

    perm. |  mod/del. |  reply.
  3. 세민트 2010.06.27 15:10 신고

    씨디맨님 안녕하세요~
    제가 HTML을 잘 못해서 함부로 못 만지는데...
    좋은 정보 감사드립니다~

    perm. |  mod/del. |  reply.
  4. 구차니 2010.06.27 22:06 신고

    아.. 가끔은 숨겨지지 말고 완전히 계속 나오게 하고 싶기도 한데
    대개는 거슬려서 말이죠 ^^; 한번 적용해 봐야겠어요 +_+!

    perm. |  mod/del. |  reply.
  5. 라라윈 2010.06.27 23:35 신고

    툴바와 겹치면 안 좋은데,
    임의로 바꿀 수 있다니 좋은데요~ ^^

    perm. |  mod/del. |  reply.
  6. 용의자 2010.06.28 14:30 신고

    이거 겹친다고 질문한 분들이 많았는데..그런 분들이 보시면 도움이 될 것 같네요..^^
    툴바 오른쪽에 화살표를 누르면 툴바가 작아지는데...그건 사용하시는 분들이 별로 없는 것 같더라구요~

    perm. |  mod/del. |  reply.
  7. Joa 2010.06.28 16:27 신고

    제 블로그 스킨이랑 같아요 ㅎㅎ
    저 툴바는 없으면 허전하고 있으면 가끔 불편하고 그래요;; ㅎㅎ

    perm. |  mod/del. |  reply.
  8. 쿠쿠양 2010.06.28 17:12 신고

    티스토리 툴바는 사용안해서 몰랐는데 이런 오류가 있었군요~

    perm. |  mod/del. |  reply.
  9. shinlucky 2010.06.29 21:31 신고

    으흠, 요거 저도 깔끔하게 숨겨놔야겠어요 ㅋ

    perm. |  mod/del. |  reply.
  10. NewObserver 2010.07.07 01:42 신고

    유익한 정보 감사드립니다,
    또 뵙도록 해요 ㅎ,

    perm. |  mod/del. |  reply.
  11. 김고은 2010.07.13 20:48 신고

    이거땜에 골치아팠었는데~ 관리자메뉴가 겹쳐서요 ㅠㅠ
    아직html고수가 아닌지라. 정말 좋은정보 감사드립니당^^

    perm. |  mod/del. |  reply.
  12. LuckySh 2011.07.18 15:29 신고

    이미 설정상으로 숨기기 기능이 지원된다고 알고 있습니다.
    먼저 티스토리 공식 사이트에 접속한 후 ( http://tistory.com/ )
    좌측 사이드바에서 위의 티스토리 로고 바로 밑에 로그온 창에서
    로그온 하면 정보수정 버튼이 있을텐데 그 버튼을 클릭해주시면
    나오는 정보수정 창에서 중간쯤에 블로그 메뉴바 설정 에서
    숨기기로 선택해주시면 블로그에서 블로그 메뉴바가
    설정상으로 사라지는 것으로 알고 있습니다,,, 꼭 HTML과 같은
    것을 수정하여 숨길 필요는 없을 것 같습니다.

    저는 이 메뉴바 기능이 편리하여 숨기지 않고
    있습니다,,, 제 블로그는 테마 특정상 블로그 메뉴바는 공백에
    떠있게 설정되어 있어서 문제 될 일도 없기에
    숨기지 않고 사용합니다,,,

    perm. |  mod/del. |  reply.
  13. 2011.09.16 21:05

    비밀댓글입니다

    perm. |  mod/del. |  reply.
  14. 땡구 2013.06.26 23:35 신고

    감사합니다. 덕분에 해결했네요. 항상 좋은 팁 많이 보고 있습니다.

    perm. |  mod/del. |  reply.