부트스트랩 스킨 사용하시는분 오류가 있습니다. 수정하세요.
- 티스토리/스킨배포
- 2012. 7. 14. 22:05
제가 제작하고 배포하는 스킨중에서 부트스트랩 스킨이 댓글이 안달리는 오류가 있습니다.
Bootstrap_TS 스킨을 사용하시는 분은 이글을 보시고 꼭 수정하시길 바랍니다.
현재의 글 다음에 사용하시는분은 제가 수정하겠습니다.
댓글과 방명록에 아래와같은 오류가 있습니다.
우선 방명록을 살펴보겠습니다.
자잘한 버그 한개와 큰 버그 두개 입니다.
메시지 앞에 표시한것이 보이죠. 네모가 보이는데 이건 그전에 폰트를 아이콘으로 표시하는것을 그대로 사용해서 생긴 오류입니다.
메시지 앞에 스페이스(빈공간)을 삭제하면 해결됩니다.
두번째 큰 문제는 댓글을 입력한후 Submit 버튼을 클릭하면 null 을 반환합니다.
이 문제는 티스토리와 fildset 태그와의 충돌로 생각됩니다.
수정후는 아래처럼 잘 되는것을 확인했습니다.
아래 다시 테스트 합니다가 보이시지요...
fieldset 태그를 삭제하면 됩니다.
이전 마크업.
여기서 fieldset 태그를 제가하고 아래처럼 합니다.
마찬가지로 댓글부분도 <form class="form-horizontal"> <fieldset> <legend> 이부분을 삭제해주시기 바랍니다.
이건 올바르게 코딩이 되었는데요. 충돌때문에 안되는걸로 생각됩니다.
부트스트랩에서 제공하는 topnav 가 검정스타일이라 보이지가 않네요. z-index 값을 네비게이션 값보다 높게 하면 됩니다.
style.css 에 아래의 코드를 추가해주세요.
그럼 아래처럼 해결됩니다.
Bootstrap_TS 스킨을 사용하시는 분은 이글을 보시고 꼭 수정하시길 바랍니다.
현재의 글 다음에 사용하시는분은 제가 수정하겠습니다.
댓글과 방명록에 아래와같은 오류가 있습니다.
우선 방명록을 살펴보겠습니다.
자잘한 버그 한개와 큰 버그 두개 입니다.
메시지 앞에 표시한것이 보이죠. 네모가 보이는데 이건 그전에 폰트를 아이콘으로 표시하는것을 그대로 사용해서 생긴 오류입니다.
메시지 앞에 스페이스(빈공간)을 삭제하면 해결됩니다.
두번째 큰 문제는 댓글을 입력한후 Submit 버튼을 클릭하면 null 을 반환합니다.
이 문제는 티스토리와 fildset 태그와의 충돌로 생각됩니다.
수정후는 아래처럼 잘 되는것을 확인했습니다.
아래 다시 테스트 합니다가 보이시지요...
해결방법.
이전 마크업은 아래와 같습니다.fieldset 태그를 삭제하면 됩니다.
이전 마크업.
html
<div class="well guestbook"><!-- 방명록 영역 --> <h3>Guestbook Write</h3> <form class="form-horizontal"> <fieldset> <legend></legend> <s_guest_input_form> ....... </s_guest_input_form> </fieldset> </form> </div><!-- //well.guestbook -->
css
<div class="well guestbook form-horizontal"><!-- 방명록 영역 --> <h3>Guestbook Write</h3> <s_guest_input_form> <s_guest_input_form> ....... </s_guest_input_form> </div><!-- //well.guestbook -->
이건 올바르게 코딩이 되었는데요. 충돌때문에 안되는걸로 생각됩니다.
2012-07-15 추가
상단에 티스토리 로그인바가 안보이는 단점이 있습니다.부트스트랩에서 제공하는 topnav 가 검정스타일이라 보이지가 않네요. z-index 값을 네비게이션 값보다 높게 하면 됩니다.
style.css 에 아래의 코드를 추가해주세요.
css - style.css
#tistorytoolbarid { z-index:1040 !important; }
그럼 아래처럼 해결됩니다.