[버그패치] 툴팁이 오른쪽으로 밀려서 표시되는 현상 수정
툴팁 버그 해결법
BLUEnLIVE님이 제보해주신 내용입니다. FastBoot은 Bootstrap을 기반으로 하고 있어서, 가끔 티스토리와 충돌하는 문제가 있었고 이걸 다 수정했다고 생각했는데 남아있었네요. 제가 생각치 못한 부분의 문제라 해결방법을 생각하는데 좀 애를 먹었는데 BLUEnLIVE님이 도와주신덕에 금방 해결할 수 있었습니다. 오늘 포스팅에서 소개하고자 하는 문제는 아래와 같습니다. 툴팁 부분의 위치에 주목해주세요.
그림에서 보실 수 있는 것처럼, 각주가 오른쪽으로 밀리는 현상이 있었습니다(숫자 위에 마우스 호버시).
문제가 되는 부분
sup {display:relative;}
위와 같이 기본 bootstrap 코드 때문에 에러가 발생하고 있습니다.
해결법
style.css에 다음과 같이 overriding합니다(한 줄 추가하시면 됩니다).
sup.footnote {display: inline-block;}
수정결과
해결된 것 같네요. ^^
'반응형 티스토리 > FastBoot' 카테고리의 다른 글
| [FastBoot 2.0] 티스토리 #2 기본 스킨으로부터 재작업 중 (47) | 2016.06.05 |
|---|---|
| [FastBoot 2.0] 상단바 업데이트 작업 완료 (15) | 2016.05.31 |
| [공지] FastBoot스킨 티스토리 RSS URL 변경으로 인한 문제점 발생 (15) | 2016.05.26 |
| 메인화면 하단 이미지 하나만 나오는 현상 해결하기 (25) | 2016.02.26 |
| [FastBoot] 마이너 패치 실시 안내 (35) | 2016.02.15 |
| [버그패치] 툴팁이 오른쪽으로 밀려서 표시되는 현상 수정 (24) | 2014.09.24 |
| 메인화면에 원하는 문구 집어넣기 (12) | 2014.08.13 |
| 티스토리 메뉴바 패치에 따른 FastBoot 로그인/로그아웃 버튼 문제해결 (31) | 2014.07.05 |
| 화면 스크롤시 상단고정메뉴 고정되지 않게 하기 (11) | 2014.06.30 |
| 사이드바 구글 애드센스 예제소스 (27) | 2014.06.10 |
| 데스크탑 상단 메뉴 바꾸기 / 블로그 제목에 홈링크 넣기 (38) | 2014.06.02 |
레디즈님 죄송하지만 패스트붓을 버리고.. 제 스킨을 쓰고 있습니다.
패스트붓 쓰자니 직접 스킨 만드는 재미가 없어져서요. ^^; 패스트붓은 여전히 좋고 깔끔한 스킨입니다. 화이팅!
업데이트도 해야되는데.. ㅜㅜ
포스팅하신대로 수정하니 각주가 제 위치에 잘 나옵니다. 그래도 문제점이 3가지 정도 있습니다. 모두 모바일에서 일어납니다.
1. 모바일에서 각주를 누르면 화면 밖으로 나가버립니다.
각주가 화면 우측으로 나가버리면 화면을 움직여서 볼 수 있는데 좌측으로 나가면 각주를 볼 수가 없습니다.
2. 각주를 누르면 말풍선이 나옵니다. 말풍선을 없애려고 각주를 한번 더 누르면 사라지긴 하는데 화면이 하단의 각주 모음쪽으로 점프해버립니다. '본문으로' 버튼을 누르면 원래 화면으로 이동합니다.
3. '본문으로' 버튼을 누르면 화면이 이동하긴 하는데 상단바에 가려져서 각주가 있는 줄이 보이지 않습니다.
마지막으로 큰 문제는 아니지만 하단의 각주모음에 있는 파란색 세로 바와 각주 번호가 너무 가까운 것 같습니다.
캡쳐 사진: http://zodmj.tistory.com/9
캡쳐한 글: http://zodmj.tistory.com/7
사진만 따로 주소 올려드리려고했는데 모바일이라 여의치가 않아서 이렇게 올려요.
티스토리의 혁신을 꿈꾸는 개발자님 존경합니다. 오히려 다음은 티스토리 블로거들이 다음 블로그로 옮기는 걸 바라는지도 모르겠습니다. 다시 블로그를 시작하는데 좋은 스킨을 발견해서 행복합니다. 지치지 않고 목표가 달성될 때까지 화이팅입니다.
혹시 스킨에 대한 질문을 따로 받으시는 공간이 있습니까? 잘 몰라서 댓글로 올립니다!
다른게 아니라 각주기능 버그를 해결했는데
밑에 각주를쓰면
이것은각주다 [본문으로]
이것도각주임 [본문으로]
본문 밑에 이런식으로 되있잖아요
그거클릭하면 1번각주로 이동을하든가해야대는데 이동은 하는데 그에맞지않게 이동하네요
다른스킨은 제대로 작동하는데
해결방법이 있을까요?
모바일에서 최상단을 최대한 좁히고 싶은데요.
제목의 싸이즈를 줄이고, 일자, 분류, posted by를 없애고 싶습니다.
어떻게 하면 될까요? 조언을 부탁 드립니다 ~
1. 링크걸린 항목의 폰트색상을 변경하는 법 (카테고리를 리스트나 타이틀 형식으로 볼때 현재 기본값인 하늘색은 개인적으로 시인성이 낮고, 눈이 너무 아파서요.)
2. 상단 블로그제목 아래의 가로줄에 카테고리들이 나오지않게 하는법. (카테고리 갯수가 많아서, 넘쳐버려서요.)
이 두가지를 알고 싶습니다. 어디에서 설정하는지 한참을 뒤져봐도 찾기가 힘들어 문의드리니 혹시라도 댓글 보시면 간단하게라도 답변 좀 부탁드립니다. 감사합니다.
질문이 하나 있는데
http://i.imgur.com/xBWKS0Q.png
사진을 보시면
secondNavWrap가 투명도를 가지고 있을때, 메인 뒤에 가려지는 현상이 발생합니다. [사진의 첫번째]
그런데 secondNavWrap가 스크롤이 내려가서 fixed로 변형(secondNavWrap.fixed)되었을때는 안 가려집니다. [사진의 중앙]
또 신기한게 secondNavWrap에 투명도를 주지 않으면 안 가려집니다 [사진의 가장 아래]
없는 실력에 고쳐보려고 노력을 했는데 결국 못고쳐서 질문남겨봅니다 ㅠ_ㅠ
사이트는 제 블로그 http://persnacons.tistory.com입니다
opacity를 주니까 뒤로 가려지고
rgb로 투명도를 주니까 안가려지더라구요
댓글 왼쪽에 뜨는 아이콘을 이렇게 수정할 수 있을까요?
1.이미지가 없는경우 뜨는 기본 이미지(회색사람모양) 교체
2.내 이미지를 티스토리에 등록된 이미지가 아닌 외부 이미지 주소를 통해 가져오기
이름은 user 파일형식은 png로 원한시는 이미지를 저장해서 이미지 교체하면.. 안되나요? 안되니까 올리시는거겠죠 ㅠㅠ
←퍼스나콘 뜨는 이게 제 블로그에 안먹혀요..어떡하죠??
그런데... 제 블로그에선.. 댓글에서 아이콘 표시가 안되더라구요 ㅠㅠ
다른곳에선 잘 뜨는데 말이죠 ㅠㅠ (FastBoot 블로그도 많이 가봤습니다 ㅠㅠ)
플러그인에서 블로그 아이콘 표시를 활성화 시켜야 되네요 ㅎㅎ