Bootstrap_TS 부트스트랩 티스토리 스킨 오류 업데이트 합니다.
- 티스토리/스킨배포
- 2012. 7. 19. 06:00
또 트랙백을 보내주셔서 오류 잡고 몇가지 스타일 추가해서 알려드립니다.
버그 1. 보호글을 작성했을때 비밀번호를 입력해도 작동되지 않는 버그가 있었습니다.
잘 사용은 안하지만 안된다고 알려주서셔 해결합니다.
추가적으로 스타일을 설정했습니다. 버튼타입은 티스토리에서 작동이 안되고 input 타입만 작동되어서 불가피하게 html 마크업수정하고 스타일 추가합니다.
html 편집에서 protectedInput 를 검색하셔서 아래처럼 수정해줍니다.
이 부분을 작성안하면 버튼들이 떨어져 보입니다. 그래서 수정했습니다.
그럼 아래처럼 보입니다.
2. 페이징.
티스토리에는 페이징에서 글과 글사이에 .... 이 있습니다.
아래 그림을 보면 이해가 가실겁니다.
근데 이부분은 티스토리에서 자동으로 삽입되는 부분이라 해결이 안됩니다.
부트스트랩에 .disabled 가 있지만 삽입할 수 없습니다.
두가지 중 한가지만 해결했네요.
다음은 몇가지 스타일 수정사항입니다.
1. 카테고리에서 여백부분이 많은거 수정했습니다.
2. 사이드바의 블로그 정보 , 이미지 부분을 키워서 정사각으로 만들었습니다.
3. 더보기 버튼을 클릭하기 좋게 만들었습니다.
4. html 마크업추가 - 글보관함, 카운터에 html 태그가 빠졌습니다.
css 에 아래의 코드를 추가해주세요.
html 은 아래의 이미지를 보시고 추가해주시기 바랍니다.
버그 1. 보호글을 작성했을때 비밀번호를 입력해도 작동되지 않는 버그가 있었습니다.
잘 사용은 안하지만 안된다고 알려주서셔 해결합니다.
추가적으로 스타일을 설정했습니다. 버튼타입은 티스토리에서 작동이 안되고 input 타입만 작동되어서 불가피하게 html 마크업수정하고 스타일 추가합니다.
html 편집에서 protectedInput 를 검색하셔서 아래처럼 수정해줍니다.
html
<form class="protectedInput form-inline"> <div class="input-prepend input-append"> <span class="add-on"><i class="icon-lock"></i></span> <input type="password" class="input-small" id="[#\#_article_password_##]" name="[#\#_article_password_##]" value="" onkeydown="if (event.keyCode == 13)[#\#_article_divsolve_##]" placeholder="Password"> <input type="button" class="btn" value="Submit" onclick="[#\#_article_dissolve_##]"> </div> </form>그다음 스타일을 추가해주세요.
css
.protectedInput .input-prepend.input-append .add-on:first-child { margin-right:-5px; } .protectedInput .input-prepend.input-append .btn:last-child { margin-left: -5px; padding-bottom: 5px; padding-top: 5px; }
이 부분을 작성안하면 버튼들이 떨어져 보입니다. 그래서 수정했습니다.
그럼 아래처럼 보입니다.
2. 페이징.
아래 그림을 보면 이해가 가실겁니다.
근데 이부분은 티스토리에서 자동으로 삽입되는 부분이라 해결이 안됩니다.
부트스트랩에 .disabled 가 있지만 삽입할 수 없습니다.
두가지 중 한가지만 해결했네요.
다음은 몇가지 스타일 수정사항입니다.
1. 카테고리에서 여백부분이 많은거 수정했습니다.
2. 사이드바의 블로그 정보 , 이미지 부분을 키워서 정사각으로 만들었습니다.
3. 더보기 버튼을 클릭하기 좋게 만들었습니다.
4. html 마크업추가 - 글보관함, 카운터에 html 태그가 빠졌습니다.
css 에 아래의 코드를 추가해주세요.
css
.blogImage img {overflow:hidden;width:240px} .moreless_fold span,.moreless_top span,.moreless_bottom span { display:block; } .sidebar-nav .category .accordion-inner { padding: 9px 0; }
html 은 아래의 이미지를 보시고 추가해주시기 바랍니다.