[버그패치] 툴팁이 오른쪽으로 밀려서 표시되는 현상 수정

Posted by Readiz
2014.09.24 23:03 반응형 티스토리/FastBoot

   

툴팁 버그 해결법

   

   

  BLUEnLIVE님이 제보해주신 내용입니다. FastBoot은 Bootstrap을 기반으로 하고 있어서, 가끔 티스토리와 충돌하는 문제가 있었고 이걸 다 수정했다고 생각했는데 남아있었네요. 제가 생각치 못한 부분의 문제라 해결방법을 생각하는데 좀 애를 먹었는데 BLUEnLIVE님이 도와주신덕에 금방 해결할 수 있었습니다. 오늘 포스팅에서 소개하고자 하는 문제는 아래와 같습니다. 툴팁 부분의 위치에 주목해주세요.

   

 

   

그림에서 보실 수 있는 것처럼, 각주가 오른쪽으로 밀리는 현상이 있었습니다(숫자 위에 마우스 호버시).

 

   

문제가 되는 부분

    

	
sup {display:relative;}  
	

 

   

위와 같이 기본 bootstrap 코드 때문에 에러가 발생하고 있습니다.

   

   

해결법

   

   

style.css에 다음과 같이 overriding합니다(한 줄 추가하시면 됩니다).

      

	
sup.footnote {display: inline-block;}  
	

 

 

 

수정결과

   

 


해결된 것 같네요. ^^



저작자 표시 비영리 변경 금지
신고
이 댓글을 비밀 댓글로
  1. 글쓰기에 각주 기능도 있었나요? 한번도 못써봤네요.. ㅋㅋ
    레디즈님 죄송하지만 패스트붓을 버리고.. 제 스킨을 쓰고 있습니다.
    패스트붓 쓰자니 직접 스킨 만드는 재미가 없어져서요. ^^; 패스트붓은 여전히 좋고 깔끔한 스킨입니다. 화이팅!
    • ㅋㅋㅋ 네 직접 만드는게 재밌죠
      업데이트도 해야되는데.. ㅜㅜ
  2. 오랜만에 글 포스팅 하시는군요 ㅎㅎ 스킨 정말 잘 쓰고 있습니다 :)
  3. 저는 각주기능을 쓰지 않으니...암튼 스킨 잘쓰고 있습니다. 고맙습니다.^^
  4. 스킨 정말 좋습니다 패스트붓 사랑합니다♥
    포스팅하신대로 수정하니 각주가 제 위치에 잘 나옵니다. 그래도 문제점이 3가지 정도 있습니다. 모두 모바일에서 일어납니다.

    1. 모바일에서 각주를 누르면 화면 밖으로 나가버립니다.
    각주가 화면 우측으로 나가버리면 화면을 움직여서 볼 수 있는데 좌측으로 나가면 각주를 볼 수가 없습니다.

    2. 각주를 누르면 말풍선이 나옵니다. 말풍선을 없애려고 각주를 한번 더 누르면 사라지긴 하는데 화면이 하단의 각주 모음쪽으로 점프해버립니다. '본문으로' 버튼을 누르면 원래 화면으로 이동합니다.

    3. '본문으로' 버튼을 누르면 화면이 이동하긴 하는데 상단바에 가려져서 각주가 있는 줄이 보이지 않습니다.

    마지막으로 큰 문제는 아니지만 하단의 각주모음에 있는 파란색 세로 바와 각주 번호가 너무 가까운 것 같습니다.

    캡쳐 사진: http://zodmj.tistory.com/9
    캡쳐한 글: http://zodmj.tistory.com/7

    사진만 따로 주소 올려드리려고했는데 모바일이라 여의치가 않아서 이렇게 올려요.

    티스토리의 혁신을 꿈꾸는 개발자님 존경합니다. 오히려 다음은 티스토리 블로거들이 다음 블로그로 옮기는 걸 바라는지도 모르겠습니다. 다시 블로그를 시작하는데 좋은 스킨을 발견해서 행복합니다. 지치지 않고 목표가 달성될 때까지 화이팅입니다.

    혹시 스킨에 대한 질문을 따로 받으시는 공간이 있습니까? 잘 몰라서 댓글로 올립니다!
  5. 와우~ 각주기능도 있었군요. 오늘도 하나 배우고 갑니다. 좋은 하루 되세요 ^^~
  6. 안녕하세요. 항상 스킨 잘 쓰고있습니다 ㅠ 그런데 대댓글은 어떻게 다는 건지 댓글 삭제는 어떻게 하는 건지 모르겠습니다 ㅠ ㅠ
    • 우측상단에 ... 버튼을 누르시면 됩니다.
  7. 1.6.1 을 쓰고 있는데 저에게는 sup {display:relative;} 이부분이 아예 존재하지 않아요..
    • 네 없습니다. 그냥 추가하시면 됩니다~
  8. 잘쓰고있습니다.

    다른게 아니라 각주기능 버그를 해결했는데

    밑에 각주를쓰면
    이것은각주다 [본문으로]
    이것도각주임 [본문으로]
    본문 밑에 이런식으로 되있잖아요

    그거클릭하면 1번각주로 이동을하든가해야대는데 이동은 하는데 그에맞지않게 이동하네요
    다른스킨은 제대로 작동하는데
    해결방법이 있을까요?
      • 2014.11.01 05:48
      비밀댓글입니다
    • 음.. 이동하지 않는건 아니고 상단 메뉴바에 가려서 덜 이동되는 것처럼 보이는 걸겁니다. 이동하는게 브리우저 책갈피 기능을 이용하는 것이라 해결책이 마땅히 떠오르질 않네요
  9. 수고하십니다. 이제서야 이 좋을 걸 봤습니다. 감사합니다.

    모바일에서 최상단을 최대한 좁히고 싶은데요.
    제목의 싸이즈를 줄이고, 일자, 분류, posted by를 없애고 싶습니다.

    어떻게 하면 될까요? 조언을 부탁 드립니다 ~
  10. 멋진 스킨 너무 감사히 잘 쓰고 있습니다만, 질문이 있는데 어디에다 해야할지 몰라서 이곳에다 올립니다.

    1. 링크걸린 항목의 폰트색상을 변경하는 법 (카테고리를 리스트나 타이틀 형식으로 볼때 현재 기본값인 하늘색은 개인적으로 시인성이 낮고, 눈이 너무 아파서요.)
    2. 상단 블로그제목 아래의 가로줄에 카테고리들이 나오지않게 하는법. (카테고리 갯수가 많아서, 넘쳐버려서요.)

    이 두가지를 알고 싶습니다. 어디에서 설정하는지 한참을 뒤져봐도 찾기가 힘들어 문의드리니 혹시라도 댓글 보시면 간단하게라도 답변 좀 부탁드립니다. 감사합니다.
  11. 스킨 정말로 감사드립니다.
    질문이 하나 있는데
    http://i.imgur.com/xBWKS0Q.png
    사진을 보시면

    secondNavWrap가 투명도를 가지고 있을때, 메인 뒤에 가려지는 현상이 발생합니다. [사진의 첫번째]
    그런데 secondNavWrap가 스크롤이 내려가서 fixed로 변형(secondNavWrap.fixed)되었을때는 안 가려집니다. [사진의 중앙]
    또 신기한게 secondNavWrap에 투명도를 주지 않으면 안 가려집니다 [사진의 가장 아래]

    없는 실력에 고쳐보려고 노력을 했는데 결국 못고쳐서 질문남겨봅니다 ㅠ_ㅠ
    사이트는 제 블로그 http://persnacons.tistory.com입니다
    • 다른분의 도움으로 해결했습니다.
      opacity를 주니까 뒤로 가려지고
      rgb로 투명도를 주니까 안가려지더라구요
  12. 스킨 잘쓰고 있습니다! 질문 하나만 드릴게요
    댓글 왼쪽에 뜨는 아이콘을 이렇게 수정할 수 있을까요?
    1.이미지가 없는경우 뜨는 기본 이미지(회색사람모양) 교체
    2.내 이미지를 티스토리에 등록된 이미지가 아닌 외부 이미지 주소를 통해 가져오기
    • 파일이름을 같게 해서 보면 이미지가 user.png니까
      이름은 user 파일형식은 png로 원한시는 이미지를 저장해서 이미지 교체하면.. 안되나요? 안되니까 올리시는거겠죠 ㅠㅠ
  13. 스킨을 오늘 적용해봤는데 너무나 마음에 듭니다. ^^
    • 2015.04.12 23:53
    비밀댓글입니다
  14. 안녕하세요 제가 이쪽에 정말 문외한이라..
    ←퍼스나콘 뜨는 이게 제 블로그에 안먹혀요..어떡하죠??
  15. 좋은 스킨 정말 감사합니다!!
    그런데... 제 블로그에선.. 댓글에서 아이콘 표시가 안되더라구요 ㅠㅠ
    다른곳에선 잘 뜨는데 말이죠 ㅠㅠ (FastBoot 블로그도 많이 가봤습니다 ㅠㅠ)
    • 자문답이지만 검색으로 답을찾았습니다.
      플러그인에서 블로그 아이콘 표시를 활성화 시켜야 되네요 ㅎㅎ

티스토리 툴바